Bootstrap

Bootstrap 是2个用来火速支付 Web 应用程序和网站的前端框架。Bootstrap
是基于 HTML、CSS、JAVASC安德拉IPT 的。

  • 自 Bootstrap 3 起,框架包涵了由上至下于一切库的运动装备优先的体制。
  • 浏览器援助:全数的主流浏览器都帮衬 Bootstrap。

    图片 1 图片 2 图片 3 图片 4 图片 5

  • 简单上手:只要你有所 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>