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

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

玩轉Bootstrap(基礎)

  • Bootstrap為表格不同的樣式風格提供了不同的類名,主要包括:

    ????.table:基礎表格

    ????.table-striped:斑馬線表格

    ????.table-bordered:帶邊框的表格

    ????.table-hover:鼠標懸停高亮的表格

    ????.table-condensed:緊湊型表格

    ????.table-responsive:響應式表格

    查看全部
    0 采集 收起 來源:表格

    2021-03-23

  • 只需要在pre標簽上添加類名“.pre-scrollable”,就可以控制代碼塊區域最大高度為340px,一旦超出這個高度,就會在Y軸出現滾動條。

    查看全部
    0 采集 收起 來源:代碼(二)

    2021-03-23

  • Bootstrap可以給<dl>添加類名“.dl-horizontal”給定義列表實現水平顯示效果。

    查看全部
  • 通過添加類名“.list-inline”來實現內聯列表,簡單點說就是把垂直列表換成水平列表,而且去掉項目符號(編號),保持水平顯示。

    查看全部
  • 通過給無序列表添加一個類名“.list-unstyled”,這樣就可以去除默認的列表樣式的風格。

    查看全部
  • .text-justify:兩端對齊

    查看全部
    0 采集 收起 來源:文本對齊風格

    2021-03-23

  • 值得注意的是dd標簽內可以添加任意其他標簽,但是dt標簽內不能添加塊級標簽只能添加行級或行內塊級標簽。
    查看全部
    0 采集 收起 來源:列表--簡介

    2021-02-28

  • 無序列表距離頁面左側有一定的間距,且項目前用實心點表示; 有序列表距離頁面左側也有一定的間距,且項目前用數字表示; 定義列表距離頁面左側沒有間距,且項目前沒有任何符號或標記
    查看全部
    0 采集 收起 來源:列表--簡介

    2021-02-28

  • < i > 是視覺要素(presentationl elements),分別表示無意義的加粗,無意義的斜體,僅僅表示樣式上是粗體或斜體,而沒有強調的語義,這兩個標簽在HTML4.01中不推薦使用,建議用CSS樣式; < em > 是表達要素(phrase elements)。 < em > (emphasized text)表示一般的強調文本,這個標簽具有語義。該標簽中的內容在搜索引擎中更受重視,一些語音閱讀器也會根據它在閱讀時加強語氣。
    查看全部
    0 采集 收起 來源:斜體

    2021-02-28

  • 圖標:

    https://glyphicons.com/

    http://getbootstrap.com/components/#glyphicons

    http://www.bootcss.com/p/font-awesome/

    查看全部
    0 采集 收起 來源:圖標(二)

    2021-02-25

  • .list-unstyled 樣式類要添加到父元素ul 或ol上

    查看全部
  • JQuery要在Bootstrap之前引用

    查看全部
  • 發廣告
    查看全部
    0 采集 收起 來源:標題(一)

    2021-01-29

  • 模態彈窗的事件

    使用:

    $('#myModal').on('hidden.bs.modal',?function?(e)?{
    ????//?處理代碼...
    })

    show.bs.modal:在show方法調用時立即觸發(尚未顯示之前);如果單擊了一個元素,那么該元素將作為事件的relatedTarget屬性

    shown.bs.modal:該事件在模態彈出窗完全顯示給用戶之后(并且等CSS動畫完成之后)觸發;如果單擊了一個元素,那么該元素將作為事件的relatedTarget事件

    hide.bs.modal:在hide方法調用時(但還未關閉隱藏)立即觸發

    hidden.bs.modal:該事件在模態彈出窗完全隱藏之后(并且CSS動畫漂完成之后)觸發

    查看全部
  • 參數設置

    $(“#mymodal”).modal(“toggle”)

    觸發時,反轉模態彈出窗的狀態。如果模態彈出窗是顯示的,則關閉;反之,如果模態彈出窗是關閉的,則顯示

    $(“#mymodal”).modal(“show”)

    觸發時,顯示模態彈出窗

    $(“#mymodal”).modal(“hide”)

    觸發時,關閉模態彈出窗

    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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