能够创设标题、段落、列表及其他内联成分,长时间内涌现出多量利用bootstrap搭建的网址

Bootstrap 是3个用于急迅支付 Web 应用程序和网址的前端框架。Bootstrap
是依照 HTML、CSS、JAVASCBMWX三IPT 的。

 

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

<body>

实例

<h壹>小编是标题壹h一. <small>小编是副标题壹h1</small></h一><h贰>笔者是标题二h贰. <small>我是副标题二h2</small></h二><h三>小编是标题三h3. <small>笔者是副标题三h叁</small></h三><h四>作者是标题肆h四. <small>笔者是副标题四h四</small></h四><h伍>小编是标题伍h5. <small>笔者是副标题5h5</small></h5><h6>作者是标题陆h六. <small>作者是副标题6h陆</small></h6>

 

 

 

 

<divclass=”container”><divclass=”jumbotron”><h一>小编的率先个
Bootstrap 页面</h一><p>重置窗口大小,查看响应式效果!</p></div><divclass=”row”><divclass=”col-sm-肆”><h三>Column
壹</h三><p>学的不不过技巧,更是期望!</p><p>再牛逼的想望,也抵不住你傻逼似的坚韧不拔!</p></div><divclass=”col-sm-四”><h三>Column
2</h三><p>学的不可是技术,更是希望!</p><p>再牛逼的冀望,也抵不住你傻逼似的持之以恒!</p></div><divclass=”col-sm-肆”><h三>Column
3</h三><p>学的不仅仅是技巧,更是但愿!</p><p>再牛逼的指望,也抵不住你傻逼似的持之以恒!</p></div></div></div>

      <script
src=”http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;

  • 自 Bootstrap 3 起,框架蕴涵了由上至下于全部库的活动装备优先的体裁。
  • 浏览器帮忙:全部的主流浏览器都帮衬 Bootstrap。

    澳门永利备用网址 1 澳门永利备用网址 2 澳门永利备用网址 3 澳门永利备用网址 4 澳门永利备用网址 5

  • 简单上手:只要您抱有 HTML 和 CSS 的基础知识,您就能够开端上学
    Bootstrap。

  • 响应式设计:Bootstrap 的响应式 CSS
    能够自适应于台式机、GALAXY Tab和手机。

它涵盖了功用强大的松开组件,易于定制

运用 Bootstrap 的排版性格,能够创立标题、段落、列表及其余内联成分。

<html lang=”zh-cn”>

内联子标题

只要须求向其它标题添加三个内联子题目,只供给不难地在要素两旁添加
<small>,恐怕添加 .small class,那样子您就能收获三个字号更小的颜料更浅的文件,如下边实例所示:

Bootstrap是一款当下很流行的前端框架,简单来说,正是html,css,javascript的工具集,大家得以用bootstrap搭建出简洁,清新的网址或软件界面,有了bootstrap那个利器后台开发职员再也不要发愁前台界面包车型客车搭建了。Bootstrap是twitter的工程师在业余时间开发的,在最大最风靡的开源站点github上开源今后讯速成为该网站上更新最频仍的体系,大量工程师踊跃为该项目进献代码,长时间内涌现出多量利用bootstrap搭建的网址。何以bootstrap发展进程会那样惊人呢?那首要得益于bootstrap的精粹天性:

<div class=”container”>
  <div class=”jumbotron”>
    <h1>笔者的首先个 Bootstrap 页面</h1>
    <p>重置窗口大小,查看响应式效果!</p>
  </div>
  <div class=”row”>
    <div class=”col-sm-4″>
      <h3>Column 1</h3>
      <p>学的不只是技巧,更是但愿!</p>
      <p>再牛逼的希望,也抵不住你傻逼似的百折不挠!</p>
    </div>
    <div class=”col-sm-4″>
      <h3>Column 2</h3>
      <p>学的不不过技术,更是期望!</p>
      <p>再牛逼的企盼,也抵不住你傻逼似的锲而不舍!</p>
    </div>
    <div class=”col-sm-4″>
      <h3>Column 3</h3>
      <p>学的不仅是技术,更是希望!</p>
      <p>再牛逼的期待,也抵不住你傻逼似的坚持不渝!</p>
澳门永利备用网址,    </div>
  </div>
</div>

    <!– WARNING: Respond.js doesn’t work if you view the page via
file:// –>

 

    <!–[if lt IE 9]>

浏览器支持:全数的主流浏览器都协理 Bootstrap

  <head>

移动设备优先将本着移动的特征放在了第三个人

    <!– Bootstrap –>

响应式设计:Bootstrap 的响应式 CSS
能够自适应于台式机、平板总计机和手提式有线电话机。

</body>

</html>

    <link href=”css/bootstrap.min.css” rel=”stylesheet”>

 

    <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

下边我们来看用bootstrap搭建出来的最简单易行的二个页面。

    <title>Bootstrap 101 Template</title>

    <meta name=”viewport” content=”width=device-width,
initial-scale=1″>

    <!– HTML5 Shim and Respond.js IE8 support of HTML5 elements and
media queries –>

简单上手:只要你有所 HTML 和 CSS 的基础知识,您就足以初叶读书
Bootstrap

      <script
src=”http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;

<!DOCTYPE html>

 

  </head>

 

    <meta charset=”utf-8″>

    <![endif]–>