<noframes id="vddlx"><form id="vddlx"><nobr id="vddlx"></nobr></form>

    <noframes id="vddlx">
    <listing id="vddlx"><nobr id="vddlx"><meter id="vddlx"></meter></nobr></listing>
    <form id="vddlx"><th id="vddlx"><progress id="vddlx"></progress></th></form><em id="vddlx"></em>

      
      

      <listing id="vddlx"><listing id="vddlx"><menuitem id="vddlx"></menuitem></listing></listing>

        <span id="vddlx"></span>

          開始使用Bootstrap

          技術標簽: Bootstrap

          一 官網

          https://getbootstrap.com/

          二 Bootstrap基本的HTML模板

          <!DOCTYPE html>
          <html lang="en">
              <head>
                  <meta charset="utf-8">
                  <meta http-equiv="X-UA-Compatible" content="IE=edge">
                  <meta name="viewport" content="width=device-width, initial-scale=1">
                  <title>Bootstrap的HTML標準模板</title>
                  <!-- Bootstrap -->
                  <link href="css/bootstrap.min.css" rel="stylesheet">
                  <!--你自己的樣式文件 -->
                  <link href="css/your-style.css" rel="stylesheet">
                  <!-- 以下兩個插件用于在IE8以及以下版本瀏覽器支持HTML5元素和媒體查詢,如果不需要用可以移除 -->
                  <!--[if lt IE 9]>
                  <!--bootstrap模板為使IE6、7、8版本(IE9以下版本)瀏覽器兼容html5新增的標簽,引入下面代碼文件即可。-->
                  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
                  <!--同理為使IE6、7、8版本瀏覽器兼容css3樣式,引入下面代碼-->
                  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
                  <![endif]-->
              </head>
              <body>
                  <h1>Hello, world!</h1>
          
                  <!-- 如果要使用Bootstrap的js插件,必須先調入jQuery -->
                  <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
                  <!-- 包括所有bootstrap的js插件或者可以根據需要使用的js插件調用 -->
                  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
              </body>
          </html>

          三 運行效果

          四 全局樣式

          1 代碼

          <!DOCTYPE HTML>
          <html>
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <title>全局樣式</title>
          <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
          </head>
          
          <body>
          
                <!-- 該樣式定義于bootstrap.min.css,能改變背景顏色 -->
                <div class="jumbotron">
                  <h1>Hello, world!</h1>
                  <p>這是一個簡單的營銷或信息網站的模板。它包括一個稱為大屏幕的大標注和三個支持內容的部分。用它作為起點,創造出更獨特的東西。</p>
                  <p><a href="#" >Learn more »</a></p>
                </div>
          
          </body>
          </html>

          2 效果

          版權聲明:本文為博主原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
          本文鏈接:https://blog.csdn.net/chengqiuming/article/details/86557483

          智能推薦

          開始使用storm

          開始使用storm   本章將講述如何安裝、部署、啟動和停止 Storm 集群。 Storm 的安裝比較簡單但在安裝 Storm 之前需要做好充足的準備本章將介紹安裝的整個流程。在官網上可以下載到Storm 最新的和穩定的幾個版本。截至本書截稿之前 Storm 的最新版本是 0.9.3但是本書主要對 0.8.2 版本進行講解。 2.1 環境準備 在安裝 Storm 的之前要做一些準備工作這涉及操作...

          開始使用centos

            上一次有安裝虛擬機工作臺,在工作臺中可以創建虛擬機學習研究Linux系統。然后,在VMware中創建centos操作系統的虛擬機。有最新版本的centos8。 前期準備: Centos下載地址:https://www.centos.org/centos-linux/ 或者鏡像地址:http://mirror.centos.org/centos/ Vmware中創建虛擬機過程: 雙擊桌...

          1.3開始使用ActiveMQ

          開始使用ActiveMQ     開始使用ActiveMQ并不難。你只要啟動代理器并確保它能接受連接和發送消息。ActiveMQ有一些自帶的例子能夠幫你完成這個任務,不過首先你必須安裝Java和下載ActiveMQ。     在這部分,你將下載和安裝Java SE,下載和安裝ActiveMQ,檢查ActiveMQ目錄,然后第一次啟動Act...

          開始使用Web Workers

          原文地址:http://blog.jobbole.com/30445/ 英文原文:tutsplus,編譯:伯樂在線 -胡蓉(@蓉Flora) 單線程(Single-threaded)運行是JavaScript語言的設計目標之一,進而言之是保持JavaScript的簡單。但是我必須要說,盡管JavaScript具有如此語言特質,但它絕不簡單!我們所說的“單線程”是指JavaS...

          如何開始使用Kibana

          Kibana是一種開源分析和可視化工具,可通過基于瀏覽器的界面輕松搜索,可視化和探索大量數據。 除了Elasticsearch,Logstash和Beats之外,Kibana是Elastic Stack(以前稱為ELK Stack)的核心部分。 Elasticsearch是Elastic Stack的核心搜索引擎,是用于搜索和分析的最受歡迎的開源項目之一。 Elasticsearch是搜索,存儲和...

          猜你喜歡

          如何開始使用Funter?

          如何開始使用Funter?Funter好用嗎?今天小編給大家整理了Funter文件隱藏工具的使用教程,感興趣的朋友快來跟小編看看吧! 首次啟動Funter時,系統將顯示幾條標準消息。您應該允許Funter有權控制系統事件和Finder,以使其正常工作并避免出現問題。要使用Funter輕松切換隱藏文件的可見性,請按照我們的指南進行操作。 1.訪問控件查找器 啟動Funter。在菜單欄中,單擊應用程序...

          開始使用Power BI桌面

          目錄 第1步——安裝Power BI桌面 Windows 7和8的用戶 第2步——獲取Power BI 桌面的項目數據 第3步——加載和建模項目數據 Power BI桌面元素 第4步——使用Power BI桌面可視化數據 Stacked Area Chart可視化 Pie Chart 可視化 ...

          通過pytorch建立神經網絡模型 分析遺傳基因數據

          DNA雙螺旋(已對齊)合并神經網絡(黃色) 我最近進行了有關基因序列的研究工作。我想到的主要問題是:“哪一種最簡單的神經網絡能與遺傳數據最匹配”。經過大量文獻回顧,我發現與該主題相關的最接地氣卻非常有趣的工作是在Yoshua Bengio 教授的實驗室中進行的。這篇論文的題目是:“飲食網絡:脂肪基因組學的瘦參數”,它的主要目標是將基因序列劃分為26個...

          在cmd下運行javac報告javac不是內部或外部命令,但是運行java、java-version正常

          首先在環境變量配置都沒有問題的情況下還出現了“javac不是內部或外部命令”的情況下,是因為安裝的jdk的bin目錄下丟失了ava.exe文件。 那么它到底丟哪去了呢?回答:被覆蓋了。 當下載jdk并安裝的時候,你會發現安裝是要分兩次進行的,過程要選兩次安裝路徑。 第一次提示安裝的是jdk,第二次安裝的是jre,兩個安裝路徑不能放在同一個路徑里,要分別安裝到不同的路徑。 最...

          Hyper-V 3.0功能部署PART 5:秒級實時遷移

          在前面的一些文章中我們已經逐漸的看到Hyper-V 3.0的強大之處,今天我們將繼續來部署配置Hyper-V 3.0的功能。在前面的文章中我們已經將虛擬機的文件或者說虛擬機的虛擬磁盤放在了SMB共享存儲中,實現了基本的虛擬機磁盤放SMB共享存儲服務器-虛擬機運行放Hyper-V主機服務器的局面。那么在此基礎上,我們就可以實現秒級的虛擬機實時移動功能了。 要實現秒級的移動功能。我...

          贊助商廣告

          相關文章

          熱門文章

          推薦文章

          相關標簽

          亚洲中文字幕A∨在线

          <noframes id="vddlx"><form id="vddlx"><nobr id="vddlx"></nobr></form>

            <noframes id="vddlx">
            <listing id="vddlx"><nobr id="vddlx"><meter id="vddlx"></meter></nobr></listing>
            <form id="vddlx"><th id="vddlx"><progress id="vddlx"></progress></th></form><em id="vddlx"></em>

              
              

              <listing id="vddlx"><listing id="vddlx"><menuitem id="vddlx"></menuitem></listing></listing>

                <span id="vddlx"></span>