css - 如何删除进度条 Bootstrap 4 中的边距区域？

Question

我正在尝试使用 Bootstrap 4 Progress component .我需要它在句子中的单词之间。因为它被设计成覆盖整行，所以我试图把它做成一个更小的 block ，这样我就可以把它放在单词之间。我最小化了改变宽度的尺寸，但由于某种原因，它仍然有边距，但开发者工具显示没有任何边距。

我不知道如何处理 margin 问题。 Bootstrap 4 是否有任何隐藏的配置？

Answer 1

奇怪。我在我的开发者工具上没有看到您提到的边距。

无论如何，如果你想让进度条在单词之间，你可以设置它的display: inline-block;。您也可以选择为其分配宽度:

span.progress {
    display: inline-block;
    width: 12rem;    /* optional */
}

fiddle : http://jsfiddle.net/aq9Laaew/255749/