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

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

玩轉Bootstrap(基礎)

  • <ol> <li>項目列表一</li> <li>項目列表二</li> <li>項目列表三</li> </ol>
    查看全部
    0 采集 收起

    2018-03-22

  • 在Bootstrap框架中對于圖像的樣式風格提供以下幾種風格: 1、img-responsive:響應式圖片,主要針對于響應式設計 2、img-rounded:圓角圖片 3、img-circle:圓形圖片 4、img-thumbnail:縮略圖片
    查看全部
    0 采集 收起 來源:圖像

    2018-03-22

  • btn-lg,btn-sm,btn-xs
    查看全部
    0 采集 收起 來源:按鈕大小

    2018-03-22

  • 提示信息:help-block; 同一行顯示用柵格系統。
    查看全部
    0 采集 收起 來源:表單提示信息

    2018-03-22

  • Bootstrap框架還提供了兩個不同的類名,用來控制表單控件的高度。這兩個類名是: 1、input-sm:讓控件比正常大小更小 2、input-lg:讓控件比正常大小更大
    查看全部
    0 采集 收起 來源:表單控件大小

    2018-03-22

  • 在Bootstrap中使用input時也必須添加type類型,如果沒有指定type類型,將無法得到正確的樣式,因為Bootstrap框架都是通過input[type=“?”](其中?號代表type類型,比如說text類型,對應的是input[type=“text”])的形式來定義樣式的。
    查看全部
  • 在label標簽運用了一個類名“sr-only”,標簽沒顯示就是這個樣式將標簽隱藏了 那么Bootstrap為什么要這么做呢?這樣不是多此一舉嗎?其實不是的,如果沒有為輸入控件設置label標簽,屏幕閱讀器將無法正確識別。這也是Bootstrap框架另一個優點之處,為殘障人員進行了一定的考慮。
    查看全部
    0 采集 收起 來源:內聯表單

    2018-03-22

  • Bootstrap提供了一個容器,并且此容器設置類名“.table-responsive”,此容器就具有響應式效果,然后將<table class="table">置于這個容器當中,這樣表格也就具有響應式效果。 例如: <div class="table-responsive"> <table class="table table-bordered"> … </table> </div>
    查看全部
  • 在Bootstrap中,通過類名“table-condensed”重置了單元格內距值,實現緊湊表格類型
    查看全部
  • 斑馬線表格:在<table class="table">的基礎上增加類名“.table-striped”即可: <table class="table table-striped"> … </table> 對于IE8以及其以下瀏覽器,沒有背景條紋效果。
    查看全部
  • Bootstrap?中: ? .table:基礎表格 ? .table-striped:斑馬線表格 ? .table-bordered:帶邊框的表格 ? .table-hover:鼠標懸停高亮的表格 ? .table-condensed:緊湊型表格 ? .table-responsive:響應式表格
    查看全部
    0 采集 收起 來源:表格

    2018-03-22

  • <pre>元素一般用于顯示大塊的代碼,并保證原有格式不變。但有時候代碼太多,而且不想讓其占有太大的頁面篇幅,就想控制代碼塊的大小。Bootstrap也考慮到這一點,你只需要在pre標簽上添加類名“.pre-scrollable”,就可以控制代碼塊區域最大高度為340px,一旦超出這個高度,就會在Y軸出現滾動條。
    查看全部
    0 采集 收起 來源:代碼(二)

    2018-03-22

  • 在Bootstrap主要提供了三種代碼風格: 1、使用<code></code>來顯示單行內聯代碼 2、使用<pre></pre>來顯示多行塊代碼 3、使用<kbd></kbd>來顯示用戶輸入代碼 不管使用哪種代碼風格,在代碼中碰到小于號(<)要使用硬編碼“<”來替代,大于號(>)使用“>”來替代
    查看全部
    0 采集 收起 來源:代碼(一)

    2018-03-22

  • 水平定義列表就像內聯列表一樣,Bootstrap可以給<dl>添加類名“.dl-horizontal”給定義列表實現水平顯示效果。
    查看全部
  • Bootstrap通過添加類名“.list-inline”來實現內聯列表,簡單點說就是把垂直列表換成水平列表,而且去掉項目符號(編號),保持水平顯示。也可以說內聯列表就是為制作水平導航而生。
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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