twitter-bootstrap - Twitter Bootstrap 将徽章设置为无填充(或轮廓)?

标签 twitter-bootstrap sass less badge outline

任何人都知道如何将 twitter bootstrap 徽章(或标签)从实心更改为轮廓?

enter image description here

最佳答案

将此 CSS 类添加到您的徽章:

.badge-outline {
    color: black;
    border: 1px solid #999;
    background-color: transparent;
}

为其他颜色创建覆盖类:
.badge-outline.badge-success {
    border-color: #468847;
}

关于twitter-bootstrap - Twitter Bootstrap 将徽章设置为无填充(或轮廓)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14620583/

相关文章:

html - div block 内的内容未垂直对齐

html - :nth-of-type in haml and scss 的问题

html - 使用 LESS 嵌套规则时防止样式通过级联应用

html - 使用 less 覆盖 Bootstrap 时的特异性

twitter-bootstrap - 编译较旧的 Bootstrap LESS 文件时遇到问题

html - 如何使导航栏中的文本居中?

css - Zurb Foundation on Rails 中的鼠标悬停黑色突出显示

ruby-on-rails - rails : assets not precompiling on Capistrano deploy step due to missing variables

css - less css 从循环中调用动态变量

html - Bootstrap 固定页眉和页脚在流体容器中滚动正文内容区域