更薄的Bootstrap进度条？

Question

如何使用Bootstrap 3.0使进度条更薄？我在想YouTube喜欢/不喜欢米的样子(蓝色条).我试过搜索任何CSS技巧但找不到任何东西.

Answer 1

就像这样简单:

.progress {height: 10px;}

请参阅:降低进度条的高度

额外,如果要在进度条中显示文本:

.progress {height: 20px;} // we increased it so the text is visible or change font size
.progress .sr-only { position: relative; }

请参阅:在进度条中显示文本

Answer 2

Shina是正确的，我只想添加一下，在某些情况下，可能需要添加！important命令以使更改应用于“ progress”类的已设置参数，例如：

.progress {height: 10px !important;}