亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

玩轉Bootstrap(基礎)

  • LESS(或Sass)是css預處理語言 可以看作編譯的中間語言

    查看全部
    0 采集 收起 來源:實現原理

    2020-02-08

  • 如果想讓一個段落p突出顯示,可以通過添加類名“.lead”實現,其作用就是增大文本字號,加粗文本,而且對行高和margin也做相應的處理。

    查看全部
    0 采集 收起 來源:強調內容

    2020-02-02

  • ?如果要使用Bootstrap的js插件,必須先調入jQuery


    查看全部
    0 采集 收起 來源:基本的HTML模板

    2020-01-31

    • .text-muted:提示,使用淺灰色(#999)

    • .text-primary:主要,使用藍色(#428bca)

    • .text-success:成功,使用淺綠色(#3c763d)

    • .text-info:通知信息,使用淺藍色(#31708f)

    • .text-warning:警告,使用黃色(#8a6d3b)

    • .text-danger:危險,使用褐色(#a94442)


    查看全部
    0 采集 收起 來源:強調相關的類

    2020-01-29

  • 自適應導航指的是導航占據容器全部寬度,而且菜單項可以像表格的單元格一樣自適應寬度。自適應導航和前面使用“btn-group-justified”制作的自適應按鈕組是一樣的。只不過在制作自適應導航時更換了另一個類名“nav-justified”。當然他需要和“nav-tabs”或者“nav-pills”配合在一起使用

    查看全部
  • 在實際運用當中,除了水平導航之外,還有垂直導航,就類似前面介紹的垂直排列按鈕一樣。制作垂直堆疊導航只需要在“nav-pills”的基礎上添加一個“nav-stacked

    查看全部
  • 前面看到的示例,按鈕組都是水平顯示的。但在實際運用當中,總會碰到垂直顯示的效果。在Bootstrap框架中也提供了這樣的風格。我們只需要把水平分組的“btn-group”類名換成“btn-group-vertical”即可

    查看全部
  • 在使用Bootstrap框架的下拉菜單時,必須調用Bootstrap框架提供的bootstrap.js文件。當然,如果你使用的是未編譯版本,在js文件夾下你能找到一個名為“dropdown.js”的文件。你也可以調用這個js文件。不過在我們的教程中,我們統一調用壓縮好的“bootstrap.min.js”

    特別聲明:因為Bootstrap的組件交互效果都是依賴于jQuery庫寫的插件,所以在使用bootstrap.min.js之前一定要先加載jquery.min.js才會生效果。

    查看全部
  • Bootstrap框架的網格系統還支持列的嵌套。你可以在一個列中添加一個或者多個行(row)容器,然后在這個行容器中插入列(像前面介紹的一樣使用列)。但在列容器中的行容器(row),寬度為100%時,就是當前外部列的寬度。

    查看全部
    0 采集 收起 來源:列的嵌套

    2020-01-07

  • 有的時候,我們不希望相鄰的兩個列緊靠在一起,但又不想使用margin或者其他的技術手段來。這個時候就可以使用列偏移(offset)功能來實現。使用列偏移也非常簡單,只需要在列元素上添加類名“col-md-offset-*”(其中星號代表要偏移的列組合數),那么具有這個類名的列就會向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示該列向右移動4個列的寬度。

    查看全部
    0 采集 收起 來源:列偏移

    2020-01-07

  • 1、數據行(.row)必須包含在容器(.container)中,以便為其賦予合適的對齊方式和內距(padding)。如:

    2、在行(.row)中可以添加列(.column),但列數之和不能超過平分的總列數,比如12。如:

    3、具體內容應當放置在列容器(column)之內,而且只有列(column)才可以作為行容器(.row)的直接子元素

    4、通過設置內距(padding)從而創建列與列之間的間距。然后通過為第一列和最后一列設置負值的外距(margin)來抵消內距(padding)的影響


    查看全部
    0 采集 收起 來源:工作原理

    2020-01-06

  • 在Bootstrap框架中,要禁用按鈕有兩種實現方式:

    方法1:在標簽中添加disabled屬性

    方法2:在元素標簽中添加類名“disabled”


    查看全部
  • <button?class="btn"?type="button">基礎按鈕.btn</button>
    <button?class="btn?btn-default"?type="button">默認按鈕.btn-default</button>
    <button?class="btn?btn-primary"?type="button">主要按鈕.btn-primary</button>
    <button?class="btn?btn-success"?type="button">成功按鈕.btn-success</button>
    <button?class="btn?btn-info"?type="button">信息按鈕.btn-info</button>
    <button?class="btn?btn-warning"?type="button">警告按鈕.btn-warning</button>
    <button?class="btn?btn-danger"?type="button">危險按鈕.btn-danger</button>
    <button?class="btn?btn-link"?type="button">鏈接按鈕.btn-link</button>


    查看全部
    0 采集 收起 來源:定制風格

    2020-01-06

  • 要在制作按鈕的標簽元素上添加類名“btn”。如果不添加是不會有任何按鈕效果。

    查看全部
    0 采集 收起 來源:多標簽支持

    2020-01-06

  • 在制作表單時,不免要做表單驗證。同樣也需要提供驗證狀態樣式,在Bootstrap框架中同樣提供這幾種效果。
    1、.has-warning:警告狀態(黃色)
    2、.has-error:錯誤狀態(紅色)
    3、.has-success:成功狀態(綠色)

    查看全部

舉報

0/150
提交
取消
課程須知
本教程適合具有一定前端基礎的人員,對HTML和CSS有一定的了解,對于定制Bootstrap的同學需要具備LESS和Sass基礎知識。
老師告訴你能學到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web頁面或Web應用程序 3、如何定制個性化Bootstrap

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!