使用Twitter Bootstrap,当我将浏览器的大小减小到XS大小时。这是我的页脚。我有text-right
属性来处理其余的屏幕尺寸,但在XS上,它仍然在堆叠后向右对齐。
如何在XS屏幕尺寸上将其设置为not text-right
?
的数据
<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>
字符串
5条答案
按热度按时间ibps3vxo1#
Bootstrap 4为此增加了新的css类:
字符串
l7mqbcuq2#
在GitHub上找到了这个gem:https://github.com/twbs/bootstrap/issues/11292
它为左右文本添加了响应类
字符串
hgtggwj03#
你可以简单地使用CSS重写它:
字符串
xs大小适用于767px和更低的分辨率。
whlutmcx4#
在2021年,我仍然在不改变原始Bootstrap样式的情况下解决了Flexbox的类似问题。在任何屏幕分辨率下看起来都很棒。
字符串
您可以将“样式”设置为“类”并创建它们。
29”超宽:
的数据
移动的:
的
e7arh2l65#
对于Bootstrap 5,我们可以使用已经提供的类
字符串
来源:https://getbootstrap.com/docs/5.3/utilities/text/