2015-06-02 6 views
0

Мне нужно удалить пространство между столбом без изображения и пост ниже, вот образ, так что если пост не изображение, ниже, что пост не должен иметь места:Удалить пространство между столбами [самозагрузка]

enter image description here

здесь код:

<div class="container"> 
      <div class="row"> 
      <div class="col-sm-4 col-md-4"> 

         <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive" /> 
        <div class="content"> 
         <h4>NASLOV</h4> 
         <p> 
          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem 
          Ipsum has been the industry's standard dummy text ever since the 1500s, when an 
          unknown printer took a galley of type and scrambled it to make a type specimen book. 
         </p> 
        </div> 

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

         <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive" /> 
        <div class="content"> 
         <h4>NASLOV</h4> 
         <p> 
          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem 
          Ipsum has been the industry's standard dummy text ever since the 1500s, when an 
          unknown printer took a galley of type and scrambled it to make a type specimen book. 
         </p> 
        </div> 

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

         <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive" /> 
        <div class="content"> 
         <h4>NASLOV</h4> 
         <p> 
          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem 
          Ipsum has been the industry's standard dummy text ever since the 1500s, when an 
          unknown printer took a galley of type and scrambled it to make a type specimen book. 
         </p> 
        </div> 

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

         <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive" /> 
        <div class="content"> 
         <h4>NASLOV</h4> 
         <p> 
          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem 
          Ipsum has been the industry's standard dummy text ever since the 1500s, when an 
          unknown printer took a galley of type and scrambled it to make a type specimen book. 
         </p> 
        </div> 

      </div> 

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

         <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive" /> 
        <div class="content"> 
         <h4>NASLOV</h4> 
         <p> 
          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem 
          Ipsum has been the industry's standard dummy text ever since the 1500s, when an 
          unknown printer took a galley of type and scrambled it to make a type specimen book. 
         </p> 
        </div> 

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

         <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive" /> 
        <div class="content"> 
         <h4>NASLOV</h4> 
         <p> 
          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem 
          Ipsum has been the industry's standard dummy text ever since the 1500s, when an 
          unknown printer took a galley of type and scrambled it to make a type specimen book. 
         </p> 
        </div> 

      </div> 

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

         <img src="http://placehold.it/460x250/e67e22/ffffff&text=HTML5" class="img-responsive" /> 
        <div class="content"> 
         <h4>NASLOV</h4> 
         <p> 
          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem 
          Ipsum has been the industry's standard dummy text ever since the 1500s, when an 
          unknown printer took a galley of type and scrambled it to make a type specimen book. 
         </p> 
        </div> 

      </div> 
    </div> 
</div> 

здесь живут: http://www.bootply.com/sfmRGTiKS4 Любая идея? :)

ответ

0

Чтобы получить то, что вы хотите, чтобы ваш шаблон не был упорядочен в строках, но только для столбцов таким образом, элементы внутри каждого столбца будут расположены друг под другом без ограничения пространства, налагаемого линией. Для этого удалите внешние <div class="row">