bootstrap 3网格不是并排但在下面

时间:2015-07-24 07:14:17

标签: twitter-bootstrap-3

我有一个论坛,我找到了在线代码,我正在定制它。我使用bootstrap 3,在论坛中我希望有一个8 x 4网格。我按照教程,但不是并排放置两个div是顶部和底部

         <div class="row">
<div class="col-md-8">

          <div class="firstPost"
          <div class="postHeading">
            <h3>My shot, Banff Pano</h3>
          </div>

          <div class="postBody">
            <p>
            Here is a shot of Banff Alberta, Canada.
            I took a series of photographs in the portrait orientation 
and, using Lightroom and Photoshop, I stitched them together and 
adjusted the image to bring out more contrast and colors. The settings 
are f/11 at 1/500s; ISO 280.
          </p>
          <p>
            I'm wondering if I should have used a wider aperture and 
let the background be a little more blurred
          </p>
          </div>
          <div class="postImage">
            <img src="assets/banff.jpg" />
          </div>
          <div class="postFooter">
            <p>
              Posted on 7/23/15 at 12:05PM
            </p>
          </div>
        </div>


</div> <!-- end of 8 -->

<div class="col-md-4">

  <p>Something goes here</p>



</div>
</div> <!-- end of row -->

1 个答案:

答案 0 :(得分:1)

您在此处缺少结束标记>

<div class="firstPost"

应该是

<div class="firstPost">