我正在尝试使用 Twitter Bootstrap 开发一个网站。我使用此代码在导航栏中使用图像作为 Logo
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="navbar-header">
<a class="navbar-brand" href="#"><img class="img-responsive" src="images/bradley.png" alt="" /></a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="home current-page"><a href="index.html">Swap</a></li>
<li class="episodes"><a href="tales.html">Tales</a></li>
<li class="about"><a href="about.html">About</a></li>
<li class="contact"><a href="contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
笔记本电脑没问题。但对于移动设备和标签,我希望该 Logo 位于中心。请告诉我我该怎么做?这是我的网站https://dl.dropboxusercontent.com/u/168659703/project/index.html
最佳答案
.navbar-header {
margin: 0 auto;
display: table;
/* margin-right: 50px; */ remove this or add margin-right: auto !important;
}
关于html - 如何在移动设备的 Bootstrap 中在中心显示 Logo ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22200683/