在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ 媒體對象
警告框
標簽頁
代碼
輪播
進度條
輔助類
按鈕組
社區(qū)
標簽
導航
響應式工具
禁止響應式布局
工具提示
概覽
媒體對象
概覽
具有響應式特性的嵌入內(nèi)容
Well
折疊
下載
對第三方組件的支持
Glyphicons 字體圖標
編譯 CSS 和 JavaScript 文件
徽章
柵格系統(tǒng)
瀏覽器和設備的支持情況
輸入框組
表格
滾動監(jiān)聽
下拉菜單
排版
巨幕
按鈕
頁頭
使用 Sass
包含的內(nèi)容
縮略圖
模態(tài)框
基本模板
面版
圖片
路徑導航
分頁
導航條
警告框
過渡效果
從 v2.x 版本升級到 v3.x 版本
工具
可訪問性
彈出框
按鈕式下拉菜單
表單
列表組
按鈕
使用 Less
下拉菜單

媒體對象

這是一個抽象的樣式,用以構(gòu)建不同類型的組件,這些組件都具有在文本內(nèi)容的左或右側(cè)對齊的圖片(就像博客評論或 Twitter 消息等)。

默認樣式

默認樣式的媒體對象組件允許在一個內(nèi)容塊的左邊或右邊展示一個多媒體內(nèi)容(圖像、視頻、音頻)。

<div class="media">
  <div class="media-left">
    <a href="#">
      <img class="media-object" src="..." alt="...">
    </a>
  </div>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    ...
  </div>
</div>

.pull-left.pull-right 這兩個類以前也曾經(jīng)被用在了媒體組件上,但是,從 v3.3.0 版本開始,他們就不再被建議使用了。.media-left.media-right 替代了他們,不同之處是,在 html 結(jié)構(gòu)中, .media-right 應當放在 .media-body 的后面。

對齊

圖片或其他媒體類型可以頂部、中部或底部對齊。默認是頂部對齊。

<div class="media">
  <div class="media-left media-middle">
    <a href="#">
      <img class="media-object" src="..." alt="...">
    </a>
  </div>
  <div class="media-body">
    <h4 class="media-heading">Middle aligned media</h4>
    ...
  </div>
</div>

媒體對象列表

用一點點額外的標記,就能在列表內(nèi)使用媒體對象組件(對評論或文章列表很有用)。

<ul class="media-list">
  <li class="media">
    <div class="media-left">
      <a href="#">
        <img class="media-object" src="..." alt="...">
      </a>
    </div>
    <div class="media-body">
      <h4 class="media-heading">Media heading</h4>
      ...
    </div>
  </li>
</ul>
上一篇:概覽下一篇:導航條