css - Bootstrap 4 按钮示例 : where does the space between buttons is coming from?

Question

<分区>

Answer 1

空格在那里是因为 HTML 元素之间有空格。如果删除空格，按钮将彼此相邻放置。

请注意，元素之间的空格(换行符)被浏览器压缩为一个空格。

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>

现在如果我们删除空格:

<button type="button" class="btn btn-primary">Primary</button><button type="button" class="btn btn-secondary">Secondary</button>