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

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

玩轉Bootstrap(基礎)

  • 在Bootstrap框架中也為大家提供了近200個不同的icon圖片,而這些圖標都是使用CSS3的@font-face屬性配合字體來實現的icon效果。 在Bootstrap框架中有一個fonts的目錄,這個目錄中提供的字體文件就是用于制作icon的字體文件。 自定義完字體之后,需要對icon設置一個默認樣式,在Bootstrap框架中是通過給元素添加“glyphicon”類名來實現,然后通過偽元素“:before”的“content”屬性調取對應的icon編碼
    查看全部
    0 采集 收起 來源:圖標(一)

    2018-03-22

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

    2018-03-22

  • 在Bootstrap框架中,要禁用按鈕有兩種實現方式: 方法1:在標簽中添加disabled屬性 方法2:在元素標簽中添加類名“disabled”.區別在于:在元素標簽中添加“disabled”屬性的方法是可以禁止元素的默認行為,但是“.disabled”樣式不會禁止按鈕的默認行為。
    查看全部
  • 在Bootstrap框架中針對按鈕的狀態效果主要分為兩種:活動狀態和禁用狀態。 Bootstrap按鈕的活動狀態主要包括按鈕的懸浮狀態(:hover),點擊狀態(:active)和焦點狀態(:focus)幾種。
    查看全部
  • 需要按鈕寬度充滿整個父容器(width:100%),特別是在移動端的制作中。那么前面的方法我們都無法很好的實現,除非重新定義按鈕的寬度。其實在Bootstrap中并不需要這樣做,Bootstrap框架中提供了一個類名“btn-block”。
    查看全部
    0 采集 收起 來源:塊狀按鈕

    2018-03-22

  • btn-lg,btn-primary,btn-sm,btn-xs這幾個類名可以配合按鈕中其他顏色類名一起使用,但唯一一點不能缺少“.btn”類名
    查看全部
    0 采集 收起 來源:按鈕大小

    2018-03-22

  • 使用方法,只需要在基礎按鈕“.btn”基礎上追加對應的類名,就可以得到需要的按鈕風格。
    查看全部
    0 采集 收起 來源:定制風格

    2018-03-22

  • 雖然在Bootstrap框架中使用任何標簽元素都可以實現按鈕風格,但個人并不建議這樣使用,為了避免瀏覽器兼容性問題,個人強烈建議使用button或a標簽來制作按鈕。
    查看全部
    0 采集 收起 來源:多標簽支持

    2018-03-22

  • 如果你不想為bootstrap.css增加自己的代碼,而且設計又有這種樣的需求,那么只能借助于Bootstrap的網格系統。 <span class="col-xs-6 help-block">你輸入的信息是正確的</span>
    查看全部
    0 采集 收起 來源:表單提示信息

    2018-03-22

  • <small>標簽制作副標題
    查看全部
    0 采集 收起 來源:標題(二)

    2018-03-22

  • striped是什么意思?有條紋的、有斑紋的 col-md-6是什么意思?網格相關的東西 thumbnail?布局小樣 role含義是什么?怎樣用? badge:胸卡、標志 toggle:切換元素的狀態,顯示\隱藏.
    查看全部
  • Bootstrap是一個簡單,靈活的用于搭建優雅漂亮的web頁面的HTML, CSS, JAVASCRIPT的工具集
    查看全部
    0 采集 收起 來源:Bootstrap簡介

    2018-03-22

  • 標準的bootstrap模板
    查看全部
    0 采集 收起 來源:基本的HTML模板

    2018-03-22

  • Bootstrap框架中的考慮了不同瀏覽器的解析差異,進行了比較安全的兼容性處理,使按鈕效果在不同的瀏覽器中所呈現的效果基本相同。
    查看全部
    0 采集 收起 來源:基本按鈕

    2018-03-22

  • 很多時候,在表單驗證的時候,不同的狀態會提供不同的icon,比如成功是一個對號(√),錯誤是一個叉號(×)等。在Bootstrap框中也提供了這樣的效果。如果你想讓表單在對應的狀態下顯示icon出來,只需要在對應的狀態下添加類名“has-feedback”。請注意,此類名要與“has-error”、“has-warning”和“has-success”在一起:
    查看全部

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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