Question

经过一周的研究后，我到了这里。

基本思路是我需要三列来保存我的内容。最终版本将是三个专辑艺术图像圈，链接到专辑版本。就目前而言，为简单起见，我使用了“占位符文本”。

这是HTML：

    <section id='media' class='media-section'>
    <div class='container-fluid'>
            <h1>Media</h1>
        </div>
        <div class="row">
           <div class="col-md-4"><p>Placeholder text1.</p></div>
           <div class="col-md-4"><p>Placeholder text2.</p></div>
           <div class="col-md-4"><p>Placeholder text3.</p></div>
        </div>
    </div>
</section>

在本地运行时，占位符会像往常一样显示在彼此之上。据我所知，它们应该在两者之间均匀分布，中间有30px的排水沟。

指向我的Bootstrap的链接

<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">

有什么问题？

Answer 1

应该是这样的

<section id='media' class='media-section'>
<div class='container-fluid'>
       <div class="row">
          <div class="col-md-12"><h1>Media</h1></div>
       </div> 
       <!--u can remove the row if u want-->
       <div class="row">
          <div class="col-md-4"><p>Placeholder text1.</p></div>
          <div class="col-md-4"><p>Placeholder text2.</p></div>
          <div class="col-md-4"><p>Placeholder text3.</p></div>
      </div>
</div>
 </section>

Bootstrap网格没有初始化，但所有其他功能都很好

1 个答案: