B
B
BlahBlag0022014-11-07 18:47:24
css
BlahBlag002, 2014-11-07 18:47:24

How to make padding between twitter bootstrap blocks?

Margin padding between blocks twitter bootstrap how to do?

<!-- RECENT WORK -->
  <div id="slide" class="recent-work">
    <div class="container-fluid">
      <div class="row">
      <h3 class="tac">RECENT WORK</h3>
    		<hr class="line tac">
      <div class="col-md-4" 
      		 style="background-image: url(http://www.reverzo.tymberry.com/wp-content/uploads/2013/12/sixth-day-light.jpg)">
      		<h5>Text <br>coming soon <p>— Since 2011, we have been given BULLS a distinctive image in web, film, print and event.</p>
      		<div class="button">SEE PROJECT</div><br></h5>
      	</div>
      <div class="col-md-4" 
      		 style="background-image: url(http://www.reverzo.tymberry.com/wp-content/uploads/2014/08/venom-light.jpg)">
      		<h5>Text <br>coming soon <p>— Since 2011, we have been given BULLS a distinctive image in web, film, print and event.</p></h5>
      	</div>
      <div class="col-md-4" 
      		 style="background-image: url(http://www.reverzo.tymberry.com/wp-content/uploads/2014/08/astronaut-light.jpg)">
      		<h5>Text <br>coming soon <p>— Since 2011, we have been given BULLS a distinctive image in web, film, print and event.</p></h5>
      	</div>
      <div class="col-md-4" 
      		 style="background-image: url(http://www.reverzo.tymberry.com/wp-content/uploads/2014/07/vikings-vertical.jpg)">
      		<h5>Text <br>coming soon <p>— Since 2011, we have been given BULLS a distinctive image in web, film, print and event.</p></h5>
      	</div>
      <div class="col-md-4" 
      		 style="background-image: url(http://www.reverzo.tymberry.com/wp-content/uploads/2014/07/winter_hunter_etbw_01-800x425.jpg)">
      		<h5>Text <br>coming soon <p>— Since 2011, we have been given BULLS a distinctive image in web, film, print and event.</p></h5>
      	</div>
      <div class="col-md-4" 
      		 style="background-image: url(http://www.reverzo.tymberry.com/wp-content/uploads/2013/12/sixth-day-light.jpg)">
      		<h5>Text <br>coming soon <p>— Since 2011, we have been given BULLS a distinctive image in web, film, print and event.</p></h5>
      	</div>
      </div>
    </div>
  </div>

they are all merged

Answer the question

In order to leave comments, you need to log in

3 answer(s)
A
asdz, 2014-11-07
@asdz

2 ways : codepen.io/ncerminara/pen/hfvix
or getbootstrap.com/customize change @grid-gutter-width

V
Vladik Limonadik, 2014-11-07
@knitevision1

:-(
Read the documentation.

A
Alexander Tsymbal, 2014-11-07
@AlexanderTsymbal

it's all done in css.
if you have no experience/ability to edit css, you can try adding style="margin: 10px 10px 10px 10px;" attribute to each col-md-4 block directly in html; - replace the values ​​with the required ones

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question