0

我有一个徽标,当以手机尺寸查看时,我试图将其置于边栏中的中心。现在它与侧边栏的左侧保持齐平。你可以在这里看到它。

这是我的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)&nbsp;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)&nbsp;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>

注意:此问题仅在手机布局中查看时存在。当以较大尺寸查看时,我隐藏了这个特定的徽标位置。

4

1 回答 1

0

尝试将 class="logo_sidebar" 移动到包含链接标签

<a href="#/" class="logo_sidebar"><img src="img/kobe_logo.png"></a>

并将您的 css 文件中的 .logo_sidebar 替换为:

.logo_sidebar {text-align:center; display:block;}
.logo_sidebar img {margin:2.3em 0 2em; }
于 2013-06-03T02:37:49.003 回答