2

我正在使用 Twitter Bootstrap，我希望导航的内容从具有相对位置的 div 的开头开始：

<div class="navbar">
    <div class="navbar-inner">
        <a class="brand" href="#">Title</a>
        <ul class="nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>
    </div>
</div>
<div class="content">
    some content here
</div>

并使用CSS：

.content{
    max-width:60%;
    margin: 0 auto;
}

示例：http: //jsfiddle.net/RXQV4/1/

如何通过保持导航的背景使“标题”（.brand）位于与内容开头相同的 x 位置？

谢谢！

编辑： 我重新解释了我想要的（不容易）：我希望 .brand 在同一个栏上占据 100% 的屏幕；它应该只是推动三个选项卡的右侧，并且这个 .brand 应该从与 .content 相同的 x 位置开始。问题是我不知道如何获得有关 .content 的 x 位置的信息（如果可能的话，没有 jQuery ......）。

谢谢大家！

4

1 回答 1

0

你可以检查这个更新的小提琴..

代码：

<div class="navbar">

    <div class="navbar-inner">
         <ul class="nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>

    </div>
    <br />
<div class="navbar-inner yourTitle">
    <a class="brand" href="#">Title</a>
</div>    
</div> 


<div class="content">
    some content here   
</div>

CSS：

.content {
    border: 1px solid lightgray;
    height: 400px;
    margin: 0 auto;
    max-width: 60%;
}
.yourTitle{
    width:65%;
    margin: 0 auto;
    padding:0;
}

对不起，但这是我从你的帖子中理解的..

更新：

检查这个更新的小提琴，如果这不是你想要的，而不是用截图更新你的问题..

这是更新的小提琴屏幕截图：

在此处输入图像描述

于 2012-12-13T06:23:18.580 回答