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

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

玩轉Bootstrap(基礎)

  • 列表--水平定義列表 水平定義列表就像內聯列表一樣,Bootstrap可以給<dl>添加類名“.dl-horizontal”給定義列表實現水平顯示效果。
    查看全部
  • 對于定義列表而言,Bootstrap并沒有做太多的調整,只是調整了行間距,外邊距和字體加粗效果。
    查看全部
  • Bootstrap像去點列表一樣,通過添加類名“.list-inline”來實現內聯列表,簡單點說就是把垂直列表換成水平列表,而且去掉項目符號(編號),保持水平顯示。也可以說內聯列表就是為制作水平導航而生。
    查看全部
  • Bootstrap為眾多開發者考慮的非常周道,通過給無序列表添加一個類名“.list-unstyled”,這樣就可以去除默認的列表樣式的風格 除了項目編號之外,還將列表默認的左邊內距也清0了。
    查看全部
  • 在HTML文檔中,列表結構主要有三種:有序列表、無序列表和定義列表。具體使用的標簽說明如下: 無序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定義列表 <dl> <dt>…</dt> <dd>…</dd> </dl>
    查看全部
    0 采集 收起 來源:列表--簡介

    2018-03-22

  • Bootstrap根據平時的使用情形提供了六種形式的列表: ? 普通列表 ? 有序列表 ? 去點列表 ? 內聯列表 ? 描述列表 ? 水平描述列表
    查看全部
    0 采集 收起 來源:列表--簡介

    2018-03-22

  • 特別聲明:目前兩端對齊在各瀏覽器下解析各有不同,特別是應用于中文文本的時候。所以項目中慎用。
    查看全部
    0 采集 收起 來源:文本對齊風格

    2018-03-22

  • 文本對齊風格 在排版中離不開文本的對齊方式。在CSS中常常使用text-align來實現文本的對齊風格的設置。其中主要有四種風格: ? 左對齊,取值left ? 居中對齊,取值center ? 右對齊,取值right ? 兩端對齊,取值justify 為了簡化操作,方便使用,Bootstrap通過定義四個類名來控制文本的對齊風格: ? .text-left:左對齊 ? .text-center:居中對齊 ? .text-right:右對齊 ? .text-justify:兩端對齊 具體源碼查看bootstrap
    查看全部
    0 采集 收起 來源:文本對齊風格

    2018-03-22

  • 而導航條的顏色都是通過“.navbar-default”來進行控制: /*源碼查看bootstrap.css文件第3940行~第3943行*/ .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; }
    查看全部
    0 采集 收起 來源:基礎導航條

    2018-03-22

  • 鼠標懸浮高亮的效果主要是通過“hover”事件來實現,設置了“tr:hover”時的th、td的背景色為新顏色。 其源碼請查看bootstrap.css文件中第1469行~第1472行: .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; }
    查看全部
  • 列偏移 不要像以前一樣用空列來實現。
    查看全部
    0 采集 收起 來源:列偏移

    2018-03-22

  • img響應:由于樣式沒有對圖片做大小上的樣式限制,所以在實際使用的時候,需要通過其他的方式來處理圖片大小。比如說控制圖片容器大小。(注意不可以通過css樣式直接修改img圖片的大小,這樣操作就不響應了)
    查看全部
    0 采集 收起 來源:圖像

    2018-03-22

  • checkbox 和 radio特殊處理 要按照這樣用
    查看全部
  • 3種代碼風格 多用于博客
    查看全部
    0 采集 收起 來源:代碼(一)

    2018-03-22

  • 1、<code>:一般是針對于單個單詞或單個句子的代碼 2、<pre>:一般是針對于多行代碼(也就是成塊的代碼) 3、<kbd>:一般是表示用戶要通過鍵盤輸入的內容 不管使用哪種代碼風格,在代碼中碰到小于號(<)要使用硬編碼“<”來替代,大于號(>)使用“>”來替代。而且對于<pre>代碼塊風格,標簽前面留多少個空格,在顯示效果中就會留多少個空格。建議在編寫HTML標簽時,就控制好,例如查看右側代碼編輯器上的15-19行。
    查看全部
    0 采集 收起 來源:代碼(一)

    2018-03-22

舉報

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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