Question

我有这个样本：

代码HTML：

<header>
  <div class="row">
    <div class="col-md-push-8 col-md-4 menu-top">
      <ul>
        <li>text 1</li>
        <li>text 2</li>
        <li>text 3</li>
      </ul>
    </div>
    <div class="col-md-4">    //this structure need to be below (not inline)
      11231231
    </div>
    <div class="col-md-4">
      11231231
    </div>
    <div class="col-md-4">
      11231231
    </div>
  </div>  
</header>

我把图像更好地理解我想做什么

http://i64.tinypic.com/3342ofa.png

如何构建html结构，如上图所示？

提前致谢！

Answer 1

将缩略图用于图像，这是一类Bootstrap。

示例：

<div class="col-md-4">
  <a href="example.jpg" class="thumbnail">
    <p>Stack Overflow</p>
    <img src="stack.jpg" alt="Stack Overflow" style="width:150px;height:150px">
  </a>
</div>

如何使用Bootrstap在HTML中构建此结构？

1 个答案: