如何将此UL置于父div中

时间:2013-06-18 17:47:45

标签: html css css3 twitter-bootstrap

我正在使用Twitter Bootstrap,我目前正在从PSD创建一个主题。

您可以在此处查看相关的导航栏

http://www.webdesigndarwen.co.uk/cassanni2

我希望UL与“Home,我们是谁,我们的立场”等在其父级div中水平居中。

有人帮忙吗?

3 个答案:

答案 0 :(得分:2)

检查是否

.navbar .nav {
float: none;
}  

给出您正在寻找的结果。

答案 1 :(得分:1)

除了将余量设置为txpeaseofficer09建议之外,您还需要删除浮点数,并为元素指定非百分比大小。

在cassanni.css中尝试这个(选择器需要比bootstraps .navbar .nav更精细):

.navbar ul.nav {
width: 900px;
float: none;
margin: 0px auto;
}

答案 2 :(得分:0)

nav ul {
    margin: 0px auto;
}

第一个数字是上边距,因此您可以根据需要进行调整。如果您使用的是HTML5 <nav>元素,则会自动尝试自动定义右侧,左侧和左侧的值,然后<ul>内的<nav>应自动居中。