Html bootstrap 2.x中带有汉堡堆叠图标的居中徽标
我用bootstrap 2.x编写了一个导航,就像下面的模型一样,我们的想法是要有一个居中的徽标和一个“ 我把标志放在中间很好,但我有点不确定如何让它在保持标志居中的同时与堆栈图标一起工作,因为如果我添加另一个元素(汉堡堆栈),它需要自己的跨度,那么标志只能有跨度11,这不足以使它在页面上居中 我想我可以通过汉堡包堆栈的绝对定位来实现这一点,但这在使用引导框架和保持其响应特性正常工作方面是正确的吗 我在这里对这个问题做了一个粗略的解释- 我使用的html是Html bootstrap 2.x中带有汉堡堆叠图标的居中徽标,html,css,twitter-bootstrap-2,Html,Css,Twitter Bootstrap 2,我用bootstrap 2.x编写了一个导航,就像下面的模型一样,我们的想法是要有一个居中的徽标和一个“ 我把标志放在中间很好,但我有点不确定如何让它在保持标志居中的同时与堆栈图标一起工作,因为如果我添加另一个元素(汉堡堆栈),它需要自己的跨度,那么标志只能有跨度11,这不足以使它在页面上居中 我想我可以通过汉堡包堆栈的绝对定位来实现这一点,但这在使用引导框架和保持其响应特性正常工作方面是正确的吗 我在这里对这个问题做了一个粗略的解释- 我使用的html是 <div class="row
<div class="row-fluid">
<div class="span12 logo-centre">
LOGO
</div>
<div class="span8">
= <!--hamburger stack placeholder icon-->
</div>
标志
=
您可以使用偏移在左侧创建一个空列,以保持徽标居中
<div class="row-fluid">
<div class="span10 offset1 logo-centre">
LOGO
</div>
<div class="span1">
= <!--hamburger stack placeholder icon-->
</div>
</div>
标志
=
更新的fiddle-这适用于桌面版,但在手机上,汉堡包菜单会下拉。=>我假设提问者不包括bootstrap 2响应CSS,因为他们在最初的fiddle链接中没有包含它。它包含在引导链接中,用于更改行为。尝试将小提琴调整到一个小尺寸,它仍然会看起来很好。@SteveSanders-它包含在我最初的小提琴链接的外部资源部分中