• 当前标签:bootstrap

我的Bootstrap笔记,常用类名知识(更新中…)

查看更多 布局容器  .container:两边留白非全屏,固定宽度并支持响应式布局的容器。 .container-fluid:宽度100%宽,用于占据全部视窗的容器。 4种列(column)尺寸 .col-xs-*:   最小尺寸(Extra Small) .col-sm-*: 小尺寸(small) .col-md-*: 中尺寸(middle) .col-lg-*:   大尺寸(large) 标题与文本类 .page-header:页头标题 .h1 -- .h6:标题类     在标题内还可以包含 <small> 标签或赋予 .small 类的元素,可以用来标记副标题。 .lea

2016-04-25 00:02:232672412
阅读详情

Bootstrap Glyphicons 字体图标

所有可用Glyphicons 字体图标 图标展示 使用 <span class="glyphicon glyphicon-home"></span>     出于性能的考虑,所有图标都需要一个基类和对应每个图标的类。把下面的代码放在任何地方都可以正常使用。注意,为了设置正确的内补(padding),务必在图标和文本之间添加一个空格。 不要和其他组件混合使用     图标类不能和其它组件直接联合使用。它们不能在同一个元素上与其他类共同存在。应该创建一个嵌套的 <span> 标签,并将图标类应用到这个 <span> 标签上。 只对内容为空的元素起作用

2016-04-24 14:59:49117825
阅读详情

bootstrap框架如何5等分栅格化

    bootstrap目前已经成为前端制作网页最主要的一个框架工具,通过bootstrap栅格化标签可以快速对网页进行模块化分割,然而默认的分割是12等分,如果是把网页进行3、4、6等分进行分割是很简单的,你只需要使用col-md-4、col-md-3、col-md-6就可以轻松实现,那么如果你想把网页分割为5等分,要怎么操作呢?     这其实是bootstrap另一个比较重要的思想,方便于工具,但是不能局限于工具,使用bootstrap我们有时候还需要跳出bootstrap现有的标签样式。我们还可以针对bootstrap进行“二次定制开发”。例如5等分,我们就需要借用bootstrap

2016-04-18 01:01:30211906
阅读详情
  • 1
前往