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

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

玩轉Bootstrap(基礎)

  • 文本域和原始使用方法一樣,設置rows可定義其高度,設置cols可以設置其寬度。但如果textarea元素中添加了類名“form-control”類名,則無需設置cols屬性。因為Bootstrap框架中的“form-control”樣式的表單控件寬度為100%或auto。

    查看全部
  • 多行選擇設置multiple屬性的值為multiple

    http://img1.sycdn.imooc.com//5e4d266000012a5303670186.jpg

    http://img1.sycdn.imooc.com//5e4d26840001164410490189.jpg

    查看全部
  • 在Bootstrap中使用input時也必須添加type類型,如果沒有指定type類型,將無法得到正確的樣式

    為了讓控件在各種表單風格中樣式不出錯,需要添加類名“form-control”

    http://img1.sycdn.imooc.com//5e4d25e00001ab4e03830053.jpg

    查看全部
  • 如果你要在input前面添加一個label標簽時,會導致input換行顯示。如果你必須添加這樣的一個label標簽,并且不想讓input換行,你需要將label標簽也放在容器“form-group”中

    查看全部
    0 采集 收起 來源:內聯表單

    2020-02-19

  • 在Bootstrap框架中要實現水平表單效果,必須滿足以下兩個條件:
    1、在<form>元素是使用類名“form-horizontal”。
    2、配合Bootstrap框架的網格系統。

    查看全部
    0 采集 收起 來源:水平表單

    2020-02-19

  • 在Bootstrap框架中,通過定制了一個類名`form-control`,也就是說,如果這幾個元素使用了類名“form-control”,將會實現一些設計上的定制效果。

    1、寬度變成了100%

    2、設置了一個淺灰色(#ccc)的邊框

    3、具有4px的圓角

    4、設置陰影效果,并且元素得到焦點之時,陰影和邊框效果會有所變化

    5、設置了placeholder的顏色為#999


    查看全部
    0 采集 收起 來源:基礎表單

    2020-02-19

  • 行元素<tr>:

    http://img1.sycdn.imooc.com/5e4d1ea300018db908810615.jpg

    *除了”.active”之外,其他四個類名和”.table-hover”配合使用時,Bootstrap針對這幾種樣式也做了相應的懸浮狀態的樣式設置,所以如果需要給tr元素添加其他顏色樣式時,在”.table-hover”表格中也要做相應的調整。

    查看全部
  • ?.table:基礎表格

    ?.table-striped:斑馬線表格

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

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

    ?.table-condensed:緊湊型表格

    ?.table-responsive:響應式表格


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

    2020-02-19

  • 在Bootstrap主要提供了三種代碼風格:
    1、使用<code></code>來顯示單行內聯代碼?單個單詞或單個句子

    2、使用<pre></pre>來顯示多行塊代碼?多行代碼(也就是成塊的代碼)

    3、使用<kbd></kbd>來顯示用戶輸入代碼

    不管使用哪種代碼風格,在代碼中碰到小于號(<)要使用硬編碼“&lt;”來替代,大于號(>)使用“&gt;”來替代。而且對于<pre>代碼塊風格,標簽前面留多少個空格,在顯示效果中就會留多少個空格。

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

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

    2020-02-19

  • nth-child(n) 選擇屬于父元素第n個子元素

    odd 奇數

    even 偶數

    查看全部
  • 需要用硬編碼來編碼<>

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

    2020-02-16

  • 全局文本字號14px 行高200px 顏色為#333(深灰色)

    p標簽所在段落有下邊距10px

    查看全部
  • 初始化移動瀏覽顯示

    查看全部
  • .table-bordered?>?thead?>?tr?>?th

    那是用less寫的CSS,意思。class的值等于.table-bordered下面的thead下面的tr下面的th相當于
    .table-bordered thead tr th{
    /*CSS樣式代碼*/
    }

    查看全部
  • css選擇器:

    [class*= col-]? 代表包含? col-? 的類名 ,比如說 col-md-4 ,demo-col-2(這個是虛構的)等都可以匹配到。

    [class^=col-]? 代表 以 col- 開頭的類名,比如說 col-md-4

    [class$=col-] 代表以 col- 結尾的類名


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

    2020-02-08

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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