亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

第二篇Bootstrap起步

 更新時間：2016年06月21日 14:38:49   作者：-夏昊-  
這篇文章主要介紹了第二篇Bootstrap起步的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

在上篇文章給大家介紹了Bootstrap的基礎知識，接下來通過本文給大家介紹

我們可以在http://getbootstrap.com下載bootstrap的文件

點擊左邊的download bootstrap可以下載bootstrap的css,javascript和字體庫的已編譯版本。點擊中間的download source可以下載bootstrap的源代碼。一般情況下我們使用bootstrap點擊左邊的已編譯版本下載就可以了。

如果下載的是已編譯版結構是：

如果下載的是源代碼結構是：

Dist文件夾里的內容和已編譯版本內容一樣.

如果需要使用bootstrap這個前端框架需要設置一些格式和引入一些文件，下面是使用Bootstrap的一個基本模板。

Bootstrap 使用了一些 HTML5 元素和 CSS 屬性。為了讓這些正常工作，需要使用 HTML5 文檔類型（Doctype）。 因此，在頁面的開頭包含了以下代碼段：

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>

以下代碼告訴IE瀏覽器，IE8/9及以后的版本都會以最高版本IE來渲染頁面

<meta http-equiv="X-UA-Compatible" content="IE=edge">
以下代碼可以讓瀏覽器以最合適的大小來顯示相應的頁面:
<meta name="viewport" content="width=device-width, initial-scale=1">

要使用bootstrap來搭建網頁，需要引入bootstrap的css文件，

<link href="~/bootstrap-3.2.0-dist/css/bootstrap.min.css" rel="stylesheet" />

若要使用bootstrap里的javascript組件還需要引入bootstrap的js插件，因為js插件是基于jquery的所以還要先引入jquery腳本，注意jquery腳本需要放到bootstrap的js插件前面。

<script src="~/bootstrap-3.2.0-dist/js/jquery.min.js"></script>
 <script src="~/bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>

以上所述是小編給大家介紹的第二篇Bootstrap起步的全部敘述，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

相關文章

  • 20個非常有用的PHP類庫 加速php開發(fā)

    20個非常有用的PHP類庫 加速php開發(fā)

    下面是一些非常有用的PHP類庫，相信一定可以為你的WEB開發(fā)提供更好和更為快速的方法。
    2010-01-01
  • javascript的alert box在java中如何顯示多行

    javascript的alert box在java中如何顯示多行

    這篇文章主要介紹了javascript的alert box在java中如何顯示多行,需要的朋友可以參考下
    2014-05-05
  • 利用AJAX實現WordPress中的文章列表及評論的分頁功能

    利用AJAX實現WordPress中的文章列表及評論的分頁功能

    在文中列表頁方面利用AJAX制作滾動到底觸發(fā)翻頁的效果比較常見,而在評論加載時AJAX顯示正在加載也很常用,下面就來看一下如何利用AJAX實現WordPress中的文章列表及評論的分頁功能
    2016-05-05
  • JavaScript?error瀏覽器端錯誤捕獲處理方法筆記解決示例

    JavaScript?error瀏覽器端錯誤捕獲處理方法筆記解決示例

    這篇文章主要為大家介紹了JavaScript?error瀏覽器端錯誤捕獲處理方法筆記解決示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2023-06-06
  • 詳解開源的JavaScript插件化框架MinimaJS

    詳解開源的JavaScript插件化框架MinimaJS

    這篇文章主要介紹了開源的JavaScript插件化框架MinimaJS的詳解,詳細的介紹了MinimaJS的使用，具有一定的參考價值，有興趣的可以了解一下
    2017-10-10
  • js全選按鈕的實現方法

    js全選按鈕的實現方法

    在我們進行項目選擇時，會出現選擇多個項目或者是項目實現全選，這樣的功能如何實現吶，本文給出了js實現checkbox全選的詳細代碼，希望大家喜歡。
    2015-11-11
  • JS滾輪事件onmousewheel使用介紹

    JS滾輪事件onmousewheel使用介紹

    鼠標滾輪滾動控制圖片或者文字的大小，例如此類的轉動鼠標滾輪實現縮放等等交互效果中，會用到 Mousewheel 事件，感興趣的朋友可以了解下
    2013-11-11
  • JavaScript實現代碼雨效果

    JavaScript實現代碼雨效果

    這篇文章主要為大家詳細介紹了JavaScript實現代碼雨效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-01-01
  • 關于javascript event flow 的一個bug詳解

    關于javascript event flow 的一個bug詳解

    描述了firefox，safari 有一個bug和DOM 3 規(guī)范不一致：在event.currentTarget等于event.target的時候（即event flow處于target phase時），會調用添加到currentTarget上的useCapture為true的listener
    2013-09-09
  • javascript比較文檔位置

    javascript比較文檔位置

    一個很棒的 blog 文章，是 PPK 兩年前寫的，文章中解釋了 contains() 和 compareDocumentPosition() 方法運行在他們各自的瀏覽器上。從那起，我已經對這些方法做了大量的研究，并且已經在很多場合使用他們。在很多任務中，他們被證明是非常有用的（特別關于結構的抽象 DOM 選擇器）。
    2008-04-04

最新評論