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

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

bootstrap快速入門

難度中級
時長 2小時 5分
學習人數
綜合評分9.37
179人評價 查看評價
9.6 內容實用
9.4 簡潔易懂
9.1 邏輯清晰
  • Bootstrap組件——分頁 .pagination .pager .previous .next
    查看全部
    0 采集 收起 來源:分頁

    2017-07-18

  • Bootstrap組件——導航
    查看全部
    0 采集 收起 來源:導航

    2017-07-18

  • 下拉菜單
    查看全部
    0 采集 收起 來源:下拉菜單

    2017-07-18

  • 星型圖標按鈕 glyphicon glyphicon-star
    查看全部
    0 采集 收起 來源:字體圖標

    2017-07-18

  • 怪異屬性 1、role: HTML5的標簽屬性,標識標簽使其語義化,方便瀏覽器對其具體功能進行識別,給特定的瀏覽器使用比如盲文瀏覽器 2、aria-label:用在輸入框,當焦點落到輸入框時讀屏軟件可讀出輸入框的內容 3、tabIndex:設置鍵盤的Tab鍵在控件中的移動,就是焦點的移動順序,方便一些有障礙的人士瀏覽網頁 4、data-:HTML5新增的用于自定義的屬性,不影響頁面顯示,管理自己想要實現的數據傳遞,包括數據交互的一些效果。 本章節跳過1/2/3屬性,會涉及4、data-。
    查看全部
  • 解決在iPhone里細線變粗的問題(阿里解決方案)
    查看全部
    0 采集 收起 來源:viewport

    2017-07-18

  • <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scale=no">
    查看全部
    0 采集 收起 來源:viewport

    2018-03-22

  • meta中的Viewport
    查看全部
    0 采集 收起 來源:viewport

    2017-07-18

  • Bootstrap表單(2) 按鈕: button:btn 圓角灰色按鈕 button:btn btn-default 圓角灰色邊框按鈕 button:btn btn-success 綠色 button:btn btn-primary 藍色 button:btn btn-info 淺藍 button:btn btn-warning 黃色 button:btn btn-danger 紅色 button:btn btn-link 鏈接按鈕改 btn-lg,btn-sm 按鈕變大,變小 active 按下狀態 btn-block 撐滿父級,全屏 屬性:disabled="disabled"禁用按鈕 把鏈接變成按鈕 <a class="btn btn-danger" href="">這是</a>
    查看全部
  • Bootstrap——表單(1): html5特性: placeholder 給用戶輸入一個提示 form->form-inline 它的所有元素是內聯的,向左對齊的,標簽是并排的,水平排版 div->form-group 將label和input(或其他)組合成一個組件 input->input-lg/sm 改變輸入框大小 input->form-control 圓角方框發光 label->sr-only 取消提示信息 label-> control-label 可更改相關樣式 div->has-successs/waring has-error等可改變顏色 (label等元素中要有control-label)
    查看全部
  • Bootstrap中的表格: .table-bordered 帶邊框 .table-striped 條紋 .table-hover 懸停變色 .table-condensed 緊湊 .danger 紅色 .warning 黃色 .info 藍色 .success 綠色 .active 懸停時顏色
    查看全部
  • Bootstrap中的排版——文字 1.對齊方式: .text-left:左對齊 .text-center:居中 .text-right:右對齊 2.大小寫排版 .text-lowercase:全部改為小寫 .text-uppercase:全部改為大寫 .text-capitalize:首字母大寫 3.特殊樣式 <del></del>:中劃線/刪除線 <ins></ins>:下劃線/插入文本 <small></small>:縮小文字 <strong></strong>:加粗文字
    查看全部
  • 1、bootstrap全局樣式用法 2、viewport的意義 3、柵格化布局用法 4、字體、圖標 5、實現響應式布局的開發
    查看全部
    0 采集 收起 來源:課程介紹

    2017-07-17

  • 專門針對Bootstrap的開發工具
    查看全部
  • 風清723 form->form-inline 它的所有元素是內聯的,向左對齊的,標簽是并排的,水平排版 div->form-group 將label和input(或其他)組合成一個組件 input->input-lg/sm 改變輸入框大小 html5特性: placeholder 給用戶輸入一個提示 input->form-control 圓角方框發光 label->sr-only 取消提示信息 label-> control-label 可更改相關樣式 div->has-successs/waring has-error等可改變顏色 (label等元素中要有control-label)
    查看全部

舉報

0/150
提交
取消
課程須知
本教程適合具有一定前端基礎的人員,對HTML、CSS、JavaScript有一定的了解。
老師告訴你能學到什么?
(1)如何快速搭建網頁 (2)如何使用組件開發 (3)使用bootstrap插件實現網頁的開發

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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