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

Question

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

问题：自举按钮样式现在之间没有边距。

引导版本： 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文件中的prepareWhitespaces设置为true，我能够恢复 Bootstrap按钮之间的默认空白：

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

在这里找到它

Answer 2

ConnorsFan 的回答链接是我们问题的答案。

默认情况下，Angular 6 将应用程序的 angularCompilerOption:preserveWhitespaces 设置为 false。