Bootstrap

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

  • 自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。
  • 浏览器支持:所有的主流浏览器都支持 Bootstrap。

    Internet Explorer Firefox Opera Google Chrome Safari

  • 容易上手:只要您具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrap。
  • 响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。

使用 Bootstrap 的排版特性,可以创建标题、段落、列表及其他内联元素。

内联子标题

如果需要向任何标题添加一个内联子标题,只需要简单地在元素两旁添加 <small>,或者添加 .small class,这样子您就能得到一个字号更小的颜色更浅的文本,如下面实例所示:

实例

<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1><h2>我是标题2 h2. <small>我是副标题2 h2</small></h2><h3>我是标题3 h3. <small>我是副标题3 h3</small></h3><h4>我是标题4 h4. <small>我是副标题4 h4</small></h4><h5>我是标题5 h5. <small>我是副标题5 h5</small></h5><h6>我是标题6 h6. <small>我是副标题6 h6</small></h6>
 
 
 
 

<divclass="container"><divclass="jumbotron"><h1>我的第一个 Bootstrap 页面</h1><p>重置窗口大小,查看响应式效果!</p></div><divclass="row"><divclass="col-sm-4"><h3>Column 1</h3><p>学的不仅是技术,更是梦想!</p><p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p></div><divclass="col-sm-4"><h3>Column 2</h3><p>学的不仅是技术,更是梦想!</p><p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p></div><divclass="col-sm-4"><h3>Column 3</h3><p>学的不仅是技术,更是梦想!</p><p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p></div></div></div>

原文地址:https://www.cnblogs.com/zm1994/p/7987628.html