欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

第二篇Bootstrap起步

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

在上篇文章給大家介紹了Bootstrap的基礎(chǔ)知識(shí)，接下來(lái)通過(guò)本文給大家介紹

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

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

如果下載的是已編譯版結(jié)構(gòu)是：

如果下載的是源代碼結(jié)構(gòu)是：

Dist文件夾里的內(nèi)容和已編譯版本內(nèi)容一樣.

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

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

bootstrap模板為使IE6、7、8版本（IE9以下版本）瀏覽器兼容html5新增的標(biāo)簽，引入下面代碼文件即可:

<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及以后的版本都會(huì)以最高版本IE來(lái)渲染頁(yè)面

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

要使用bootstrap來(lái)搭建網(wǎng)頁(yè)，需要引入bootstrap的css文件，

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

若要使用bootstrap里的javascript組件還需要引入bootstrap的js插件，因?yàn)閖s插件是基于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起步的全部敘述，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

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

    20個(gè)非常有用的PHP類庫(kù) 加速php開(kāi)發(fā)

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

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

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

    利用AJAX實(shí)現(xiàn)WordPress中的文章列表及評(píng)論的分頁(yè)功能

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

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

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

    詳解開(kāi)源的JavaScript插件化框架MinimaJS

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

    js全選按鈕的實(shí)現(xiàn)方法

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

    JS滾輪事件onmousewheel使用介紹

    鼠標(biāo)滾輪滾動(dòng)控制圖片或者文字的大小，例如此類的轉(zhuǎn)動(dòng)鼠標(biāo)滾輪實(shí)現(xiàn)縮放等等交互效果中，會(huì)用到 Mousewheel 事件，感興趣的朋友可以了解下
    2013-11-11
  • JavaScript實(shí)現(xiàn)代碼雨效果

    JavaScript實(shí)現(xiàn)代碼雨效果

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

    關(guān)于javascript event flow 的一個(gè)bug詳解

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

    javascript比較文檔位置

    一個(gè)很棒的 blog 文章，是 PPK 兩年前寫(xiě)的，文章中解釋了 contains() 和 compareDocumentPosition() 方法運(yùn)行在他們各自的瀏覽器上。從那起，我已經(jīng)對(duì)這些方法做了大量的研究，并且已經(jīng)在很多場(chǎng)合使用他們。在很多任務(wù)中，他們被證明是非常有用的（特別關(guān)于結(jié)構(gòu)的抽象 DOM 選擇器）。
    2008-04-04

最新評(píng)論