css - 从Angular 5升级到Angular 6，Bootstrap按钮样式没有间距

Question

最近，我们从 Angular 5 升级到了 Angular 6。

问题:Bootstrap 按钮样式之间现在没有边距间距。

Bootstrap 版本:3.3.7

例如，如果您在 html 中执行类似这样的操作。

<div>
    <button class="btn btn-success">Success</button>
    <button class="btn btn-info">Info</button>
    <button class="btn btn-cancel">Cancel</button>
</div>

在我们更新之前，这些按钮之间会有空白。

只是好奇是否有我们可以更新的东西来解决这个问题或可以使用的全局 CSS 样式。

Answer 1

在我的元素中，通过在 main.ts 文件中将 preserveWhitespaces 设置为 true，我能够恢复 Bootstrap 按钮之间的默认空白:

platformBrowserDynamic()
  .bootstrapModule(AppModule, { preserveWhitespaces: true})
  .catch(err => console.log(err));

在 this place 中找到它