twitter-bootstrap – Thinner Bootstrap进度条？

发布时间：2020-12-18 00:18:21 所属栏目：安全来源：网络整理

导读：Bootstrap 3.0如何使进度条更薄？我在想,YouTube喜欢/不喜欢米的样子(蓝色的条).我已经尝试搜索任何CSS技巧,但找不到任何东西. 解决方法像这样简单： .progress {height: 10px;} 见：Reduce the height of progress bar 额外的,如果要在进度条中显示文本：

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

解决方法

像这样简单：

.progress {height: 10px;}

见：Reduce the height of progress bar

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

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

见：Show text inside progress bar

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!