2013-02-16 50 views
0

我试图做一个导航栏在引导:引导:间距在导航栏下的Django

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
       <ul class="nav"> 
        <li class="navbar-text"> 
         {{ object }} 
        </li> 
        <li></li> 
        <li class="navbar-text"> 
         {{ object2 }} 
        </li> 
        <li></li> 
        <li class="navbar-text"> 
         {{ object3 }} 
        </li> 
        <li></li> 
        <li class="navbar-text"> 
         {{ object4 }} 
        </li> 
       </ul> 
    </div> 
</div> 

但是,当它呈现,它推动所有对象行动反对导航栏对方。我如何强制它们之间的间距?

+0

也许添加填充到'.navbar-text'元素呢? – 2013-02-16 05:37:21

+0

你可以显示你正在处理的测试页面,对我们来说会更容易帮助 – Shail 2013-02-16 05:41:45

+0

通常bootstrap navbar已经准备好了解决方案,如果它没有正确渲染,那么还有其他一些样式影响它 – Shail 2013-02-16 05:43:12

回答

0
.navbar .nav > li > a { 
color: #777777; 
float: none; 
padding: 10px 15px;/* this the one which enforces space between each link*/ 
text-decoration: none; 
text-shadow: 0 1px 0 #FFFFFF; 
} 

请检查上面的代码我给亚..引导CSS必须有这些线检查他们,看看他们是否被改变。

或者你可以创建一个新的样式表,包括它在所有引导CSS文件并覆盖任何其他影响相同的CSS规则。

关于缩进

.navbar .nav > li > a:hover 
    { 
    text-indent:100px; 
    } 
+0

谢谢Shail!你有什么关于我的缩进问题吗? – atoms 2013-02-16 05:56:46

+0

如果你能给我看一个测试页面,我可以更确切地帮助你。 – Shail 2013-02-16 05:57:24

+0

所有的相关信息应该在那里。剩下的部分只是一个正在插入的HTML页面。我只是想知道如何缩进,一般来说。 – atoms 2013-02-16 06:06:21