引导类不是为容器中的所有行加载的。

Question

在我的代码中，不是为所有行加载.col-md-3。

​

<div class="row">
    <div class="col-md-3 col-md-offset-2 footer-image col-sm-3 col-sm-offset-2 col-xs-2 col-xs-offset-3">
        <img alt="Get Started" src="/assets/f_1.png" alt="Life Style" title="life style"
            class="img-thumbnail resize-image"/>
    </div>

    <div class="col-md-3 footer-image col-sm-3 col-xs-2">
        <img alt="Get Started" src="/assets/f_1.png" alt="About Us" title="About Us" 
            class="img-thumbnail resize-image" />
    </div>

    <div class="col-md-3 footer-image col-sm-3 col-xs-2">
        <img alt="Get Started" src="/assets/f_1.png" alt="Contact Us" title="Contact Us"
            class="img-thumbnail resize-image" />
    </div>

</div> 
<div class="row">
    <div class='col-md-3'>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, in, soluta deserunt
    </div>

    <div class='col-md-3'>
        Delectus, earum, nobis, esse expedita corporis eaque cupiditate nihil quia consequuntur ea 
    </div>

    <div class='col-md-3'>
        Delectus, quam, minus quisquam fugit harum a ab quo fugiat obcaecati molestias voluptatem velit 
    </div>
</div>

在第一行中，我要添加图像，这里加载的是col-md-3，但在下一行(包含文本内容)中也没有加载！

​

​

Answer 1

​

​

这就是你想要达到的目标吗？再次尝试在没有偏移量的情况下重构您的.cols。

<div class="row">
  <div class="col-md-3"><img src="http://placehold.it/350x150"></div>
  <div class="col-md-3"><img src="http://placehold.it/350x150"></div>
  <div class="col-md-3"><img src="http://placehold.it/350x150"></div>
  <div class="col-md-3"><img src="http://placehold.it/350x150"></div>
</div>

<div class="row">
  <div class="col-md-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, tempore, blanditiis ab consequuntur ea molestiae?</div>
  <div class="col-md-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, quis libero cupiditate repellat iusto voluptatum.</div>
  <div class="col-md-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, assumenda, aspernatur nihil ut quia eveniet!</div>
  <div class="col-md-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, assumenda, aspernatur nihil ut quia eveniet!</div>
</div>