当我将浏览器的大小减小到XS大小时,使用Twitter Bootstrap.这是我的脚步我有text-right属性来处理其余的屏幕尺寸,但是在XS上,它仍然在堆叠后将它对齐.
如何在XS屏幕尺寸上得到这个不是文字?
- <footer>
- <div class="container">
- <div class="row">
- <div class="col-md-6 col-sm-6 col-xs-12 copyright">
- <p>© 2014 LFDate. All rights reserved.</p>
- </div>
- <div class="col-md-6 col-sm-6 col-xs-12">
- <ul class="list-inline text-right">
- <li><p><a href="#">Blog</a></p></li>
- <li><p><a href="#">Press</a></p></li>
- <li><p><a href="#">Jobs</a></p></li>
- <li><p><a href="#">Contact</a></p></li>
- </ul>
- </div>
- </div>
- </div>
- </footer>
解决方法
您可以使用CSS简单地重写它:
- @media (max-width: 767px) {
- footer .text-right { text-align:center }
- }
xs尺寸为767像素和较低的分辨率.