日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

中國(guó)最全I(xiàn)T社區(qū)平臺(tái) 聯(lián)系我們 | 收藏本站
阿里云優(yōu)惠2

bootstrap教程

Bootstrap 教程

Bootstrap CSS

Bootstrap 布局組件

Bootstrap 插件

Bootstrap 其他

Bootstrap 超大屏幕

閱讀 (2422)

Bootstrap 超大屏幕(Jumbotron)

本章將講解 Bootstrap 支持的另一個(gè)特性,超大屏幕(Jumbotron)。顧名思義該組件可以增加標(biāo)題的大小,并為登陸頁(yè)面內(nèi)容添加更多的外邊距(margin)。使用超大屏幕(Jumbotron)的步驟如下:

  • 創(chuàng)建一個(gè)帶有 class .jumbotron. 的容器 <div>。
  • 除了更大的 <h1>,字體粗細(xì) font-weight 被減為 200px。

下面的實(shí)例演示了這點(diǎn):

<!DOCTYPE html>
<html>
<head>
   <title>Bootstrap 實(shí)例 - 超大屏幕(Jumbotron)</title>
   <link href="/s/bootstrap/css/bootstrap.min.css" rel="stylesheet">
   <script src="/upload/help//scripts/jquery.min.js"></script>
   <script src="/upload/help//bootstrap/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
   <div class="jumbotron">
      <h1>歡迎登陸頁(yè)面!</h1>
      <p>這是一個(gè)超大屏幕(Jumbotron)的實(shí)例。</p>
      <p><a class="btn btn-primary btn-lg" role="button">
         學(xué)習(xí)更多</a>
      </p>
   </div>
</div>

</body>
</html>

結(jié)果如下所示:

超大屏幕(Jumbotron)

為了獲得占用全部寬度且不帶圓角的超大屏幕,請(qǐng)?jiān)谒械?.container class 外使用 .jumbotron class,如下面的實(shí)例所示:

<!DOCTYPE html>
<html>
<head>
   <title>Bootstrap 實(shí)例 - 超大屏幕(Jumbotron)</title>
   <link href="/s/bootstrap/css/bootstrap.min.css" rel="stylesheet">
   <script src="/upload/help//scripts/jquery.min.js"></script>
   <script src="/upload/help//bootstrap/js/bootstrap.min.js"></script>
</head>
<body>

<div class="jumbotron">
   <div class="container">
      <h1>歡迎登陸頁(yè)面!</h1>
      <p>這是一個(gè)超大屏幕(Jumbotron)的實(shí)例。</p>
      <p><a class="btn btn-primary btn-lg" role="button">
         學(xué)習(xí)更多</a>
      </p>
   </div>
</div>

</body>
</html>

結(jié)果如下所示:

全寬的超大屏幕(Jumbotron)
關(guān)閉
程序員人生
主站蜘蛛池模板: 国产成人在线看 | 九九热在线视频观看 | 国产毛片精品国产一区二区三区 | 操操操日日日 | 亚洲高清在线播放 | 中文天堂视频在线 | 欧美成人第一页 | 99久久99视频 | 日韩欧美在线观看视频网站 | 欧美一区二区三区免费观看 | 在线看日韩av | 久久99精品久久久久久青青日本 | 国产精品1区| 久久国产一区二区 | 黄色一级片 | 天堂a在线 | 成人在线免费视频观看 | 国产福利91精品一区二区三区 | 亚洲国产成人精品久久 | 精品一区二区三区免费毛片爱 | 91精品中文字幕一区二区三区 | 欧美专区在线观看 | 久久精品成人一区二区三区蜜臀 | 三级电影免费观看 | 久久久久久久免费 | 国产精品久久久久久久免费大片 | 欧美一区二区三区四区视频 | 国产老女人精品毛片久久 | 国产一区精品视频 | 中文字幕一区二区三区乱码图片 | 久久av免费看 | 538国产精品一区二区免费视频 | 粉嫩久久99精品久久久久久夜 | 国产在线资源 | 高清在线观看av | 久久噜噜噜精品国产亚洲综合 | 成人av网站在线观看 | 国产精品久久精品 | 欧美成人二区 | 观看av | 欧美a黄 |