摘要: 本篇主要包括: ■ 排版■ Button■ Icon■ Nav和NavBar■ List■ Table■ Form 排版 ● 斜体:● 加粗体:● 突出段落:class="lead"● 字体颜色:class="text-success",class="text-muted",class="text-success",class="text-primary",class="text-warnin... 阅读全文
posted @ 2014-08-22 20:31 Darren Ji 阅读(3866) 评论(1) 推荐(0) 编辑
摘要: 本篇主要包括: ■ 自定义CSS■ 自定义Theme■ 自定义Package 自定义CSS 有时候,需要自定义或重写Bootstrap默认的CSS。→在css文件夹下创建一个site.css→假设要对container类重写,在site.css中.container { background-color: #eee;}→把site.css引用到index.html中,并放置在bootst... 阅读全文
posted @ 2014-08-22 17:01 Darren Ji 阅读(4233) 评论(0) 推荐(1) 编辑
摘要: 本篇主要包括: ■ 添加独立的一行■ 文字环绕■ 图片自适应■ 隐藏元素 添加独立的一行 在id为body的section和id为main的section之间,添加2张图片。 我们发现,新加的2张图片把主体内容挤到了右侧。 那么,我们如何处理新加的2张图片呢?--我们不太可能用container,因为它是页面布局层面的类名。但我们可以把这2张图片放在class名为row的div中。 我们还... 阅读全文
posted @ 2014-08-22 13:20 Darren Ji 阅读(8062) 评论(0) 推荐(1) 编辑
摘要: 本篇主要包括: ■ Grid简介■ 应用Grid■ Multiple Grids Grid简介 Bootstrap中,把页面分成12等份,这就是所谓的Grid。 在Bootstrap中,用类名控制,这些类型遵循".col-xx-6"类似的形式。 2个6就占满整个页面。所以,类名最后面的数字表示要占几个格子。 又比如,3个4也占满整个页面。 又比如,4个3也占满整个页面。 又比如,6个... 阅读全文
posted @ 2014-08-22 10:40 Darren Ji 阅读(2757) 评论(2) 推荐(0) 编辑
摘要: 本篇主要包括: ■ 下载Bootstrap 3■ Bootstrap 3引入页面 下载Bootstrap 3 →打开网站:http://getbootstrap.com/→点击屏幕中央位置的Download Bootstrap按钮→来到Bootstrap的下载页,有3个按钮可供选择:Download Bootstrap, Download source, Download Sass,本人选择... 阅读全文
posted @ 2014-08-22 08:37 Darren Ji 阅读(1853) 评论(0) 推荐(1) 编辑

我的公众号:新语新世界,欢迎关注。