bootstrap3

Bootstrap Less mixin 和变量

邓龙华 发布于 2015-09-24

Less mixin 和变量 除了用于快速布局的预定义栅格类,Bootstrap 还包含了一组 Less 变量和 mixin 用于帮你生成简单、语义化的布局。 变量 通过变量来定义列数、槽(gutter)宽、媒体查询阈值(用于确定合适让列浮动)。我们使用这些变量生成预定义的栅格类...

阅读(84)评论(0)赞 (0)

栅格 响应式的列重置

1

小丁 发布于 2015-09-24

响应式的列重置 以下实例包含了4个网格,但是我们在小设备浏览时无法确定网格显示的位置。 为了解决这个问题,使用 可以使用 .clearfix class和 响应式实用工具来解决,如下面实例所示: <!DOCTYPE html>  <html&...

阅读(166)评论(1)赞 (0)

栅格 列排序

1

刘莉莉 发布于 2015-09-24

列排序 通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列(column)的顺序。 .col-md-9 .col-md-push-3 .col-md-3 .col-md-pull-9 <div class="...

阅读(61)评论(0)赞 (0)

栅格 嵌套列

1

邓龙华 发布于 2015-09-24

嵌套列 为了使用内置的栅格系统将内容再次嵌套,可以通过添加一个新的 .row 元素和一系列 .col-sm-* 元素到已经存在的 .col-sm-* 元素内。被嵌套的行(row)所包含的列(column)的个数不能超过12(其实,没有要求你必须占满12列)。 Level 1: ....

阅读(76)评论(0)赞 (0)

栅格 列偏移

1

刘莉莉 发布于 2015-09-24

列偏移 使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距(margin)。例如,.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列(column)的宽度。 .col-md-4 ...

阅读(55)评论(0)赞 (0)

栅格 Responsive column resets

小丁 发布于 2015-09-24

Responsive column resets With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, your colu...

阅读(75)评论(0)赞 (0)

Bootstrap 排版 内联列表

1

小丁 发布于 2015-09-24

内联列表 通过设置 display: inline-block; 并添加少量的内补(padding),将所有元素放置于同一行。 语法: <ul class="list-inline">   <li>…&l...

阅读(81)评论(0)赞 (1)

Bootstrap 排版 无样式列表

1

刘莉莉 发布于 2015-09-24

无样式列表 移除了默认的 list-style 样式和左侧外边距的一组元素(只针对直接子元素)。这是针对直接子元素的,也就是说,你需要对所有嵌套的列表都添加这个类才能具有同样的样式。 语法: <ul class="list-unstyled"&...

阅读(54)评论(0)赞 (0)

Bootstrap 排版 引用来源

Harries 发布于 2015-09-24

引用 在你的文档中引用其他来源的内容。 默认样式的引用 将任何 HTML 元素包裹在 <blockquote> 中即可表现为引用样式。对于直接引用,我们建议用 <p> 标签。 Lorem ipsum dolor sit amet, consectetur ...

阅读(71)评论(0)赞 (0)

Bootstrap 程序输出 samp

邓龙华 发布于 2015-09-24

程序输出 通过 <samp> 标签来标记程序输出的内容。 This text is meant to be treated as sample output from a computer program. <samp>This text&nbs...

阅读(51)评论(0)赞 (0)

Bootstrap 标记变量 var

刘莉莉 发布于 2015-09-24

标记变量 通过 <var> 标签标记变量。 y = mx + b <var>y</var> = <var>m</var><var>x</var> + <...

阅读(62)评论(0)赞 (0)

Bootstrap 用户输入 kbd

小丁 发布于 2015-09-24

用户输入 通过 <kbd> 标签标记用户通过键盘输入的内容。= To switch directories, type cd followed by the name of the directory. To edit settings, press ctrl + ,...

阅读(65)评论(0)赞 (1)

Bootstrap 代码块 pre

小丁 发布于 2015-09-24

Bootstrap 代码 Bootstrap 允许您以两种方式显示代码: 第一种是 <code> 标签。如果您想要内联显示代码,那么您应该使用 <code> 标签。 第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行...

阅读(54)评论(0)赞 (0)