col-xs col-sm不工作bootstrap3

时间:2017-03-28 15:24:13

标签: html css twitter-bootstrap-3

我不知道它的列是否无效。

我有什么 我的网页适用于小型设备(&lt; 768px)。但是不到768px就有<div class="row">似乎是错误的。看看图片。

我想要什么 我希望列表在垂直对齐中逐个采用全宽度。

这是我的HTML代码:

<div class="row">
    <h3 class="uppercase titre-bleu">Pourquoi choisir CEMEX ?</h3>
    <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 englobe-points-fort">
        <div class="row points-fort">
            <h2>1</h2>
        </div>
    </div>
    <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 englobe-points-fort">
        <div class="row points-fort">
            <h2>2</h2>
        </div>
    </div>
    <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 englobe-points-fort">
        <div class="row points-fort">
            <h2>3</h2>
        </div>
    </div>
    <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 englobe-points-fort">
        <div class="row points-fort">
            <h2>4</h2>
        </div>
    </div>
    <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 englobe-points-fort">
        <div class="row points-fort">
            <h2>5</h2>
        </div>
    </div>
</div>

我的SCSS:

.points-fort{
 h2{
   width: 7%;
   margin-left: 47%;
 }

 p{
   font-size: 17px;
 }
}

好的(768px及以上) enter image description here

坏的(小于768px)   enter image description here

0 个答案:

没有答案