css – twitter bootstrap在xs模式下的文本中心

我有html作为：

<footer>
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-6 text-left">
            <p>
                &copy; 2015 example.com. All rights reserved.
            </p>
        </div>
        <div class="col-xs-12 col-sm-6 text-right">
            <p>
                <a href="#"><i class="fa fa-facebook"></i></a> 
                <a href="#"><i class="fa fa-twitter"></i></a> 
                <a href="#"><i class="fa fa-google-plus"></i></a>
            </p>
        </div>
    </div>
</div>
</footer>

从代码中,您可以看到列的文本分别左右对齐.然而在xs模式下,我喜欢他们对齐.如何使用twitter引导程序？

解决方法

没有什么内置的引导为此,但一些简单的css可以解决它.这样的事情应该有效.没有测试

@media (max-width: 768px) {
      .col-xs-12.text-right,.col-xs-12.text-left {
              text-align: center;
       } 
    }

原文地址：https://www.jb51.cc/css/217315.html