除了使用类抵消列之外, 正确的方式可以使您的边距 响应 。
例如,使用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>