上一页 1 2 3 4 5 6 7 8 ··· 129 下一页

2016年11月24日

Bootstrap3 排版-内联文本元素

摘要: 标记文本 突出显示的文本由于其相关性在另一个上下文中,使用标记。You can use the mark tag to highlight text.You can use the mark tag to highlight text.被删除的文本 对于被删除的文本使用 标签... 阅读全文

posted @ 2016-11-24 14:43 海南一哥 阅读(515) 评论(0) 推荐(0) 编辑

Bootstrap3 排版-页面主体

摘要: Bootstrap 将全局 font-size 设置为 14px,line-height 设置为 1.428。这些属性直接赋予 元素和所有段落元素。另外, (段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)。Nullam quis risus... 阅读全文

posted @ 2016-11-24 14:28 海南一哥 阅读(323) 评论(0) 推荐(0) 编辑

Bootstrap3 排版-标题

摘要: HTML 中的所有标题标签, 到 均可使用。另外,还提供了 .h1 到 .h6 类,为的是给内联(inline)属性的文本赋予标题的样式。h1. Bootstrap heading Semibold 36px h2. Bootstrap heading Semibold 30px... 阅读全文

posted @ 2016-11-24 14:06 海南一哥 阅读(254) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-Less mixin 和变量

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

posted @ 2016-11-24 11:27 海南一哥 阅读(793) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-列排序

摘要: 通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列(column)的顺序。 .col-md-9 .col-md-push-3 .col-md-3 .col-md-pull-9 —–下面有个“顶”字,你懂得O(∩_∩)O哈哈~ ... 阅读全文

posted @ 2016-11-24 11:22 海南一哥 阅读(283) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-嵌套列

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

posted @ 2016-11-24 11:18 海南一哥 阅读(347) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-列偏移

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

posted @ 2016-11-24 11:14 海南一哥 阅读(332) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-实例:响应列重置(Responsive column resets)

摘要: 四层的网格你肯定会遇到问题,可用在特定的断点,你的列不清楚作为一个比另一个高完全正确。为了解决这个问题,结合使用.clearfix和响应的实用工具类。 .col-xs-6 .col-sm-3 .col-xs-6 .col-sm-3 .col-xs-6 .col-sm... 阅读全文

posted @ 2016-11-24 10:54 海南一哥 阅读(161) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-实例:多余的列(column)将另起一行排列

摘要: 如果在一个 .row 内包含的列(column)大于12个,包含多余列(column)的元素将作为一个整体单元被另起一行排列。 .col-xs-9 .col-xs-4Since 9 + 4 = 13 > 12, this 4-column-wide div gets wr... 阅读全文

posted @ 2016-11-24 10:45 海南一哥 阅读(194) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-实例:手机、平板、桌面

摘要: .col-xs-12 .col-sm-6 .col-md-8 .col-xs-6 .col-md-4 .col-xs-6 .col-sm-4 .col-xs-6 .col-sm-4 .col-xs-6 .col-sm-4 —–下面有个“顶”字,你懂得O(∩_∩... 阅读全文

posted @ 2016-11-24 10:37 海南一哥 阅读(223) 评论(0) 推荐(0) 编辑

上一页 1 2 3 4 5 6 7 8 ··· 129 下一页

导航