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 类的元素，可以用来标记副标题。 .lea

2016-04-25 00:02:23 3024 4 12

阅读详情

Bootstrap Glyphicons 字体图标

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

2016-04-24 14:59:49 1428 2 6

阅读详情

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:30 2394 0 6

阅读详情