javascript - 需要 Bootstrap 列帮助

Question

我有以下代码，其中 3 列带有 col-md-4 问题是我希望当屏幕变小时，使所有 col-md-4 text-right 和 text-left 都以文本为中心。我到处搜索但找不到帮助，你能帮忙吗？？

<div class="container">
  <!-- first row -->
  <div class="row ">
    <div class="col-md-4">
      <div class="counter-item">
        <div>
          <a href="#" data-toggle="tooltip" data-placement="right" title="CodeSchool! Click for more..">
            <img class="certification-image" src="images/codeschool.png">
          </a>
        </div>
      </div>
    </div>

    <div class="col-md-4 text-center">
      <div class="counter-item">
        <div>
          <a href="#" data-toggle="tooltip" data-placement="left" title='Sololearn! Click for more..'>
            <img class="certification-image" src="images/sololearn.jpg" >
          </a>
        </div>
      </div>
    </div>

    <div class="col-md-4 text-right">
      <div class="counter-item">
        <div>
          <a href="#" data-toggle="tooltip" data-placement="left" title="Datacamp! Click for more..">
            <img class="certification-image" src="images/datacamp.jpg">
          </a>
        </div>
      </div>
    </div>
</div>

Answer 1

将其放在最后一个 CSS 文件的末尾:

@media screen and (min-width: 300px) and (max-width: 767px){

    .col-md-4{
      text-align:center !important;
    }

}

Bootstrap 4 处于 alpha 版本，因此许多功能无法正常工作。