如何在Twitter Bootstrap 3中使您的边距响应?

时间:2014-03-05 21:29:45

标签: html5 css3 responsive-design twitter-bootstrap-3

除了使用类抵消列之外, 正确的方式可以使您的边距 响应

例如,使用Twitter Bootstrap 3,下面我有一个响应行,其中包含一个图像和一系列标题。就像现在一样(只是使用类来抵消列)我 *不*具有正确的 margin-left marging我想要的标题。 但是,如果我向标题类添加“margin-left”,当我最小化屏幕并且它变得响应时,边距会将其从屏幕上移除。

有没有办法在全屏宽度和响应时实现适当(所需)的边距,以便在最小化时保持响应格式?

<div  id="officepic"class="row">
 <div class="col-md-4 col-md-offset-2">
  <img src="/images/ant.JPG" alt="City Lights Image"  class="img-responsive" id="electricone"> 
 <div class="item1">
   <h1 class="slickfont1" >Hello!</h1>
 </div>  
</div>


<div class="sideoffice" class="col-md-4 col-md-offset-2">
 <h1 class="officesummary"> Responsive (hopefully) Heading </h1>
 <h1 class="officesummary"> Responsive (hopefully) Heading </h1>
 <h1 class="officesummary"> Responsive (hopefully) Heading </h1>
 <h1 class="officesummary"> Responsive (hopefully) Heading </h1>
</div>

</div>

0 个答案:

没有答案