twitter-bootstrap - 删除 Bootstrap 中相对于视口(viewport)大小的偏移量

Question

我就是这种简单的情况

<div class="row full" id="slogan">

        <div class="col-sm-4 col-sm-offset-1 text-center" id="girl">
            <img src="<?php the_field('immagine_slogan'); ?>" />
        </div>

        <div class="col-sm-6 text-center" id="colonna-testo-slogan">
            <div class="testo-slogan">
            <h2><?php the_field('titolo_slogan'); ?></h2>
            <?php the_field('descrizione_slogan'); ?>
            </div>
        </div>


    </div>

我希望在 -col-sm-4 col-sm-offset-1- wieport 大小低于 X px 时删除偏移量!可能吗？？

Answer 1

使用媒体查询。例如，其中 X = 800 ..

@media (max-width: 800px) {
  .reset-offset.col-sm-offset-1 {
      margin-left: 0;
  }
}

http://www.codeply.com/go/vFfstYZnAH