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

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

玩轉Bootstrap(基礎)

  • Bootstrap標題樣式進行了以下顯著的優化重置: 1、重新設置了margin-top和margin-bottom的值, h1~h3重置后的值都是20px;h4~h6重置后的值都是10px。 2、所有標題的行高都是1.1(也就是font-size的1.1倍),而且文本顏色和字體都繼承父元素的顏色和字體。 3、固定不同級別標題字體大小,h1=36px,h2=30px,h3=24px,h4=18px,h5=14px和h6=12px。
    查看全部
    0 采集 收起 來源:標題(一)

    2018-03-22

  • <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>警告狀態 <span class="glyphicon glyphicon-ok form-control-feedback"></span>成功狀態 <span class="glyphicon glyphicon-remove form-control-feedback"></span>錯誤狀態
    查看全部
  • 必須在表單中添加了一個span元素: <span class="glyphiconglyphicon-warning-sign form-control-feedback"></span>
    查看全部
  • 很多時候,在表單驗證的時候,不同的狀態會提供不同的icon,比如成功是一個對號(√),錯誤是一個叉號(×)等。在Bootstrap框中也提供了這樣的效果。如果你想讓表單在對應的狀態下顯示icon出來,只需要在對應的狀態下添加類名“has-feedback”。請注意,此類名要與“has-error”、“has-warning”和“has-success”在一起
    查看全部
  • 三種驗證表單: 1、.has-warning:警告狀態(黃色) 2、.has-error:錯誤狀態(紅色) 3、.has-success:成功狀態(綠色) 使用的時候只需要在form-group容器上對應添加狀態類名。
    查看全部
  • Bootstrap的控件
    查看全部
  • 1、Bootstrap框架的表單控件的禁用狀態和普通的表單禁用狀態實現方法是一樣的,在相應的表單控件上添加屬性“disabled”。 2、在Bootstrap框架中,如果fieldset設置了disabled屬性,整個域都將處于被禁用狀態。 3、整個禁用的域中,如果legend中有輸入框的話,這個輸入框是無法被禁用的
    查看全部
  • 按鈕也是表單重要控件之一,制作按鈕通常使用下面代碼來實現: ? input[type=“submit”] ? input[type=“button”] ? input[type=“reset”] ? <button> 在Bootstrap框架中的按鈕都是采用<button>來實現。
    查看全部
  • 1、不管是checkbox還是radio都使用label包起來了 2、checkbox連同label標簽放置在一個名為“.checkbox”的容器內 3、radio連同label標簽放置在一個名為“.radio”的容器內
    查看全部
  • 下拉框多行選擇設置multiple,屬性值為multiple
    查看全部
  • 如果你要在input前面添加一個label標簽時,會導致input換行顯示。如果你必須添加這樣的一個label標簽,并且不想讓input換行,你需要將label標簽也放在容器“form-group”中。
    查看全部
    0 采集 收起 來源:內聯表單

    2018-03-22

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

    2018-03-22

  • 響應式是在表格外部添加一個類名為table-responsive的容器,將上述所做的任何表格放置其中都可以做成響應式的表格
    查看全部
  • thead、tfoot、tbody
    查看全部
  • tr里面五種不同狀態對應顏色如圖: http://img1.sycdn.imooc.com//53ad213f0001b08807340508.jpg 對于類.table-hover相應背景色有相應的懸浮色表現
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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