Twitter bootstrap 引导-页脚<;ul>;在手机屏幕上没有对齐?
我有一个在页脚,显示在桌面上的罚款,但在移动它是在屏幕的右侧对齐。有人能想出如何解决这个问题吗?谢谢Twitter bootstrap 引导-页脚<;ul>;在手机屏幕上没有对齐?,twitter-bootstrap,css,twitter-bootstrap-3,bootstrap-4,Twitter Bootstrap,Css,Twitter Bootstrap 3,Bootstrap 4,我有一个在页脚,显示在桌面上的罚款,但在移动它是在屏幕的右侧对齐。有人能想出如何解决这个问题吗?谢谢 <footer class="footer"> <div class="container"> <div class="row"> <div style="float:none;margin:0 auto;" id="toplist" class="col-md-12 col-xs-3 text-cente
<footer class="footer">
<div class="container">
<div class="row">
<div style="float:none;margin:0 auto;" id="toplist" class="col-md-12 col-xs-3 text-center">
<ul >
<a style="color:white;" href="https://example.com/"><li id="first" style="list-style:none;display: inline;">HOME</li></a>
<a style="color:white;" href="https://example.com/service"><li style="list-style:none;display: inline;padding-left:30px;">SERVICE</li></a>
<a style="color:white;" href="https://example.com/examples"><li style="list-style:none;display: inline;padding-left:30px;">EXAMPLES</li></a>
<a style="color:white;" href="https://example.com/order"><li style="list-style:none;display: inline;padding-left:30px;">ORDER</li></a>
<a style="color:white;" href="https://example.com/contact"><li style="list-style:none;display: inline;padding-left:30px;">CONTACT</li></a>
</ul>
</div>
<div id="hello" class="col-md-12 col-xs-9 text-center">
© 2017 site.com
</div>
</div>
</div>
</div>
</footer>
©2017 site.com
尝试以下操作:
桌面:
流动电话:
©2017 site.com
您是否正在重置ul
标签的默认边距?
<footer class="footer">
<div class="container">
<div class="row">
<!--removed classes-->
<div style="float:none;margin:0 auto;" id="toplist">
<ul>
<a style="color:white;" href="https://example.com/">
<li id="first" style="list-style:none;display: inline;">HOME</li>
</a>
<a style="color:white;" href="https://example.com/service">
<li style="list-style:none;display: inline;padding-left:30px;">SERVICE</li>
</a>
<a style="color:white;" href="https://example.com/examples">
<li style="list-style:none;display: inline;padding-left:30px;">EXAMPLES</li>
</a>
<a style="color:white;" href="https://example.com/order">
<li style="list-style:none;display: inline;padding-left:30px;">ORDER</li>
</a>
<a style="color:white;" href="https://example.com/contact">
<li style="list-style:none;display: inline;padding-left:30px;">CONTACT</li>
</a>
</ul>
</div>
</div>
<!--added new <div>-->
<div class="row">
<div id="hello" class="col-md-12 col-xs-9 text-center">
© 2017 site.com
</div>
<!--added </div>-->
</div>
</div>
<!--</div>-->
</footer>