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

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

玩轉Bootstrap(基礎)

  • 標簽形導航,也稱為選項卡導航。特別是在很多內容分塊顯示的時,使用這種選項卡來分組十分適合。 標簽形導航是通過“nav-tabs”樣式來實現。在制作標簽形導航時需要在原導航“nav”上追加此類名
    查看全部
  • 在制作等分按鈕組時,請盡量使用<a>標簽元素來制作按鈕,因為使用<button>標簽元素時,使用display:table在部分瀏覽器下支持并不友好。
    查看全部
  • 水平分組的“btn-group”類名換成“btn-group-vertical”即可
    查看全部
  • <button class="btnbtn-default dropdown-toggle" data-toggle="dropdown" type="button">關于我們<span class="caret"></span></button>
    查看全部
  • Bootstrap CDN 如果實在下載不到,就用這個!
    查看全部
  • 在Bootstrap中為了讓非標題元素和標題使用相同的樣式,還特意定義了.h1~.h6六個類名。
    查看全部
    0 采集 收起 來源:標題(一)

    2018-03-22

  • 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

  • 當前狀態(.active)和禁用狀態(.disabled)
    查看全部
  • Bootstrap框架中下拉菜單默認是左對齊,如果你想讓下拉菜單相對于父容器右對齊時,可以在“dropdown-menu”上添加一個“pull-right”或者“dropdown-menu-right”類名
    查看全部
  • <li role="presentation" class="dropdown-header">第一部分菜單頭部</li>
    查看全部
  • 在Bootstrap框架中的下拉菜單還提供了下拉分隔線,假設下拉菜單有兩個組,那么組與組之間可以通過添加一個空的<li>,并且給這個<li>添加類名“divider”來實現添加下拉分隔線的功能
    查看全部
  • 在Bootstrap框架中的下拉菜單組件是一個獨立的組件,根據不同的版本,它對應的文件: ? LESS版本:對應的源碼文件為 dropdowns.less ? Sass版本:對應的源碼文件為 _dropdowns.scss ? 編譯后的Bootstrap版本:查看bootstrap.css文件第3004行~第3130行
    查看全部
  • 使用列偏移也非常簡單,只需要在列元素上添加類名“col-md-offset-*”(其中星號代表要偏移的列組合數),那么具有這個類名的列就會向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示該列向右移動4個列的寬度。 不過有一個細節需要注意,使用”col-md-offset-*”對列進行向右偏移時,要保證列與偏移列的總數不超過12,不然會致列斷行顯示
    查看全部
    0 采集 收起 來源:列偏移

    2018-03-22

  • 圖像在網頁制作中也是常要用到的元素,在Bootstrap框架中對于圖像的樣式風格提供以下幾種風格: 1、img-responsive:響應式圖片,主要針對于響應式設計 2、img-rounded:圓角圖片 3、img-circle:圓形圖片 4、img-thumbnail:縮略圖片 使用方法: 使用方法非常簡單,只需要在<img>標簽上添加對應的類名
    查看全部
    0 采集 收起 來源:圖像

    2018-03-22

  • 下拉菜單的下拉分割線 需要添加li標簽和divider類 <li role="presentation" class="divider"></li>
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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