删除boostrap中的偏移量与wieport大小

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