我有一个徽标,当以手机尺寸查看时,我试图将其置于边栏中的中心。现在它与侧边栏的左侧保持齐平。你可以在这里看到它。
这是我的html代码:
<aside class="navbar navbar-inverse">
<div class="navbar-inner"><a href="#"><img src="img/kobe_logo.png" class="phone-logo visible-phone"></a>
<ul class="nav pull-right">
<li><a href="#" style="color: #999;"><i class="icon-time icon-2x icon-white"></i> <span class="misc"><strong>Open Everyday! 11am - 10pm</strong></span></a></li>
<li><a href="#" style="color: #999;" class="visible-desktop visible-tablet"><i class="icon-phone-sign icon-2x"></i> <span class="misc"><strong>(512) 288-7333</strong></span></a></li>
<li><a href="tel:+15122887333" class="visible-phone"><i class="icon-phone-sign icon-2x"></i> <span class="misc"><strong>(512) 288-7333</strong></span></a></li>
<li><a href="https://maps.google.com/maps?q=Kobe+Japanese+Steakhouse&hl=en&cid=14743286964168532232&gl=US&t=m&z=16&iwloc=A"><i class="icon-flag icon-2x icon-white"></i> <span class="misc"><strong>Locate KOBE</strong></span></a></li>
<li><a href="https://www.facebook.com/pages/Kobe-Japanese-Steakhouse-Austin-Texas/308215040224"><i class="icon-facebook-sign icon-2x icon-white"></i> <span class="misc"><strong>See KOBE on Facebook!</strong></span></a></li>
</ul>
</div>
注意:此问题仅在手机布局中查看时存在。当以较大尺寸查看时,我隐藏了这个特定的徽标位置。