html – Bootstrap:如何在一定的大小上没有文本?

前端之家收集整理的这篇文章主要介绍了html – Bootstrap:如何在一定的大小上没有文本?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我将浏览器的大小减小到XS大小时,使用Twitter Bootstrap.这是我的脚步我有text-right属性来处理其余的屏幕尺寸,但是在XS上,它仍然在堆叠后将它对齐.

如何在XS屏幕尺寸上得到这个不是文字

  1. <footer>
  2. <div class="container">
  3. <div class="row">
  4. <div class="col-md-6 col-sm-6 col-xs-12 copyright">
  5. <p>&copy; 2014 LFDate. All rights reserved.</p>
  6. </div>
  7. <div class="col-md-6 col-sm-6 col-xs-12">
  8. <ul class="list-inline text-right">
  9. <li><p><a href="#">Blog</a></p></li>
  10. <li><p><a href="#">Press</a></p></li>
  11. <li><p><a href="#">Jobs</a></p></li>
  12. <li><p><a href="#">Contact</a></p></li>
  13. </ul>
  14. </div>
  15. </div>
  16. </div>
  17. </footer>

解决方法

您可以使用CSS简单地重写它:
  1. @media (max-width: 767px) {
  2. footer .text-right { text-align:center }
  3. }

xs尺寸为767像素和较低的分辨率.

猜你在找的HTML相关文章