<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                # Bootstrap 超大屏幕(Jumbotron) 本章將講解 Bootstrap 支持的另一個特性,超大屏幕(Jumbotron)。顧名思義該組件可以增加標題的大小,并為登陸頁面內容添加更多的外邊距(margin)。使用超大屏幕(Jumbotron)的步驟如下: * 創建一個帶有 class **.jumbotron**. 的容器 &lt;div&gt;。 * 除了更大的 &lt;h1&gt;,字體粗細 _font-weight_ 被減為 200px。 下面的實例演示了這點: ``` <!DOCTYPE html> <html> <head> <title>Bootstrap 實例 - 超大屏幕(Jumbotron)</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src="/scripts/jquery.min.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="jumbotron"> <h1>歡迎登陸頁面!</h1> <p>這是一個超大屏幕(Jumbotron)的實例。</p> <p><a class="btn btn-primary btn-lg" role="button"> 學習更多</a> </p> </div> </div> </body> </html> ``` [](/try/tryit.php?filename=bootstrap3-jumbotron) 結果如下所示: ![超大屏幕(Jumbotron)](https://box.kancloud.cn/2015-12-18_5673d645e9886.jpg) 為了獲得占用全部寬度且不帶圓角的超大屏幕,請在所有的 **.container** class 外使用 **.jumbotron** class,如下面的實例所示: ``` <!DOCTYPE html> <html> <head> <title>Bootstrap 實例 - 超大屏幕(Jumbotron)</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src="/scripts/jquery.min.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> </head> <body> <div class="jumbotron"> <div class="container"> <h1>歡迎登陸頁面!</h1> <p>這是一個超大屏幕(Jumbotron)的實例。</p> <p><a class="btn btn-primary btn-lg" role="button"> 學習更多</a> </p> </div> </div> </body> </html> ``` [](/try/tryit.php?filename=bootstrap3-jumbotron-fullwidth) 結果如下所示: ![全寬的超大屏幕(Jumbotron)](https://box.kancloud.cn/2015-12-18_5673d6466d0c0.jpg)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看