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

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

玩轉Bootstrap(基礎)

  • 在Bootstrap框架中,如果fieldset設置了disabled屬性,整個域都將處于被禁用狀態。

    據說對于整個禁用的域中,如果legend中有輸入框的話,這個輸入框是無法被禁用的。我們一起來驗證一下:

    查看全部
  • 1、input-sm:讓控件比正常大小更小
    2、input-lg:讓控件比正常大小更大

    查看全部
    0 采集 收起 來源:表單控件大小

    2020-01-06

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

    在<form>元素上使用類名“form-horizontal”主要有以下幾個作用:
    1、設置表單控件padding和margin值。
    2、改變“form-group”的表現形式,類似于網格系統的“row”。


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

    2020-01-06

  • ? ? ?.table:基礎表格

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

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

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

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

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


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

    2020-01-06

  • 1、將dt設置了一個左浮動,并且設置了一個寬度為160px
    2、將dd設置一個margin-left的值為180px,達到水平的效果
    3、當標題寬度超過160px時,將會顯示三個省略號
    http://img1.sycdn.imooc.com//5e12a05a000105d003370236.jpg

    查看全部
  • sadasdashttp://img1.sycdn.imooc.com//5e12970e0001a55c03570409.jpg

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

    2020-01-06

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

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

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

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

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

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


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

    2020-01-06

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

    ?????.table:基礎表格

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

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

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

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

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


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

    2019-12-30

  • danger

    查看全部
  • 在做下拉菜單的時候,記得需要先導入jquery.js和bootstrap.min.js.在head或body尾部添加下面代碼<script src="http://www.xianlaiwan.cn/static/lib/jquery/1.9.1/jquery.js"></script><script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>?

    查看全部
  • 這一節中的圖片設置大小,該如何操作?控制圖片容器大小。得重新復習容器大小設置這一知識,在后續的網格系統中會有講述。

    查看全部
    0 采集 收起 來源:圖像

    2019-10-23

  • 要實現懸浮狀態,需要在<table>標簽上加入table-hover類。

    查看全部
  • 剛已經說了,Bootstrap為表格不同的樣式風格提供了不同的類名,主要包括:

    ?????.table:基礎表格

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

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

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

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

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


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

    2019-10-18

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

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

    2019-10-18

  • 用于顯示代碼的風格。在Bootstrap主要提供了三種代碼風格:
    1、使用<code></code>來顯示單行內聯代碼
    2、使用<pre></pre>來顯示多行塊代碼
    3、使用<kbd></kbd>來顯示用戶輸入代碼

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

    2019-10-18

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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