引导响应文本-对齐不工作

Question

我试图使一些文本中心，仅在小视口大小和以下。宽过小应左对齐。由于某些原因，当我连续缩小视口时，文本左对齐.

小提琴

<div class="row">
    <div id="box" class="col-md-6 offset-md-3 col-sm-12 text-md-left text-sm-center">
        Center me on col-sm, otherwise, left align me
    </div>
</div>

#box{
  width:600px;
  height:200px;
  border:1px solid black;
}

Answer 1

使用引导带5，您需要使用text-sm-start

  <div class="row">
    <div id="box" class="col-md-6 col-sm-12 offset-md-3 text-center text-sm-start">
      Center me on col-sm, otherwise, left align me
    </div>
  </div>