2016年11月24日

Bootstrap3 代码-用户输入

摘要: 通过 标签标记用户通过键盘输入的内容。To switch directories, type cd followed by the name of the directory.To edit settings, press ctrl + ,To switch director... 阅读全文

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

Bootstrap3 代码-内联代码

摘要: 通过 标签包裹内联样式的代码片段。For example, should be wrapped as inline.For example, <section> should be wrapped as inline. —–下面有个“顶”字,你懂得O(∩_∩)... 阅读全文

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

Bootstrap3 排版-列表

摘要: 无序列表 排列顺序无关紧要的一列元素。 ...有序列表 顺序至关重要的一组元素。 ...无样式列表 移除了默认的 list-style 样式和左侧外边距的一组元素(只针对直接子元素)。这是针对直接子元素的,也就是说,你需要对所有嵌套的列表都添加这个类才能具有同样的样式。 ... 阅读全文

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

Bootstrap3 排版-引用

摘要: 在你的文档中引用其他来源的内容。默认样式的引用 将任何 HTML 元素包裹在 中即可表现为引用样式。对于直接引用,我们建议用 标签。 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pos... 阅读全文

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

Bootstrap3 排版-地址

摘要: 让联系信息以最接近日常使用的格式呈现。在每行结尾添加 可以保留需要的样式。 Twitter, Inc. 795 Folsom Ave, Suite 600 San Francisco, CA 94107 P: (123) 456-7890 Full Name ... 阅读全文

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

Bootstrap3 排版-缩略语

摘要: 当鼠标悬停在缩写和缩写词上时就会显示完整内容,Bootstrap 实现了对 HTML 的 元素的增强样式。缩略语元素带有 title 属性,外观表现为带有较浅的虚线框,鼠标移至上面时会变成带有“问号”的指针。如想看完整的内容可把鼠标悬停在缩略语上, 但需要包含 title 属... 阅读全文

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

Bootstrap3 排版-改变大小写

摘要: 通过这几个类可以改变文本的大小写。Lowercased text.Uppercased text.Capitalized text. —–下面有个“顶”字,你懂得O(∩_∩)O哈哈~ —–乐于分享,共同进步! —–更多文章请看:http://blog.csdn.net... 阅读全文

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

Bootstrap3 排版-对齐

摘要: 通过文本对齐类,可以简单方便的将文字重新对齐。Left aligned text.Center aligned text.Right aligned text.Justified text.No wrap text.Left aligned text.Center aligne... 阅读全文

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

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 海南一哥 阅读(348) 评论(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) 编辑

Bootstrap3 栅格系统-实例:流式布局容器

摘要: 如何让小屏幕设备上所有列不堆叠在一起,使用针对超小屏幕和中等屏幕设备所定义的类就可以做到,即 .col-xs-* 和 .col-md-*。举例: .col-xs-12 .col-md-8 .col-xs-6 .col-md-4 .col-xs-6 .col-md-4 .c... 阅读全文

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

导航