首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在Bootstrap中设置标签大小

如何在Bootstrap中设置标签大小
EN

Stack Overflow用户
提问于 2016-01-27 06:22:38
回答 2查看 108.8K关注 0票数 27

我想将标签大小设置为与屏幕大小相同。

f.e.用于大屏幕的大标签,用于小屏幕的小标签。

EN

回答 2

Stack Overflow用户

发布于 2016-01-27 06:27:58

在Bootstrap 3中,对于不同样式的标签,它们没有单独的类。

http://getbootstrap.com/components/

但是,您可以通过这种方式自定义引导程序类。在css文件中

代码语言:javascript
运行
复制
.lb-sm {
  font-size: 12px;
}

.lb-md {
  font-size: 16px;
}

.lb-lg {
  font-size: 20px;
}

或者,可以使用header标记更改大小。例如,这里有一个中型标签和一个小型标签

代码语言:javascript
运行
复制
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<h3>Example heading <span class="label label-default">New</span></h3>
<h6>Example heading <span class="label label-default">New</span></h6>

他们可能会在将来的Bootstrap版本中为标签添加size类。

票数 25
EN

Stack Overflow用户

发布于 2019-10-16 21:51:52

如果你有

代码语言:javascript
运行
复制
<span class="label label-default">New</span>

只需添加style="font-size:XXpx;",ej。

代码语言:javascript
运行
复制
<span class="label label-default" style="font-size:15px;">New</span>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35025176

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档