Css 更改引导2.0.4响应导航栏宽度

我正在使用Twitter Bootstrap 2.0.4+bootstraps.css创建一个网站。我不知道的是：是否可能有一个徽标出现在网站的左上方，导航栏出现在徽标的右侧（但固定在顶部）？更改尺寸时，徽标应显示在导航栏的顶部

如果能得到一个答案我会很高兴，因为我还没有发现任何有用的东西

您好， 多米尼克

编辑：这里有一张图片描述了我想要实现的目标：

---

左边是徽标，然后是导航栏

是的，您确实需要重新构造文档，以便（例如）在导航栏上方放置一个带有span4类的div

在下面，有导航条形码并删除品牌元素（通常包含您的徽标）。我的假设让我相信你想要这样的东西：

---

如果您可以更具体地说明您想要什么，和/或提供站点的相关部分（HTML），我可能会给出更多的指导。

是的，您肯定需要重新构造文档，以便在导航栏上方放置（例如）一个带有span4类的div

在下面，有导航条形码并删除品牌元素（通常包含您的徽标）。我的假设让我相信你想要这样的东西：

---

如果你能更具体地说明你想要什么，和/或提供网站的相关部分（HTML），我可能会给出更多的指导。

好的，我知道了。我使用了固定导航条，但没有按预期工作。您必须使用静态导航栏。然后您可以从引导中使用row/脚手架系统

导航栏左侧徽标的示例代码：

   <div class="row-fluid">
    <div class="span3">
      <p><img src="/sites/img/your_logo.png" alt="Logo" class="responsive-logo"></p>
    </div>
    <div class="span9">
      <div class="navbar">
        <div class="navbar-inner">
          <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </a>
            <div class="btn-group pull-right">
              <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                <i class="icon-user"></i> Username
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="#">Profile</a></li>
                <li class="divider"></li>
                <li><a href="#">Sign Out</a></li>
              </ul>
            </div>
            <div class="nav-collapse">
              <ul class="nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div><!-- end navbar -->
    </div><!-- end span8 -->
  </div><!-- end row -->

---

}好的，我知道了。我使用了固定导航条，但没有按预期工作。您必须使用静态导航栏。然后您可以从引导中使用row/脚手架系统

导航栏左侧徽标的示例代码：

   <div class="row-fluid">
    <div class="span3">
      <p><img src="/sites/img/your_logo.png" alt="Logo" class="responsive-logo"></p>
    </div>
    <div class="span9">
      <div class="navbar">
        <div class="navbar-inner">
          <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </a>
            <div class="btn-group pull-right">
              <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                <i class="icon-user"></i> Username
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="#">Profile</a></li>
                <li class="divider"></li>
                <li><a href="#">Sign Out</a></li>
              </ul>
            </div>
            <div class="nav-collapse">
              <ul class="nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div><!-- end navbar -->
    </div><!-- end span8 -->
  </div><!-- end row -->

---

}

谢谢您的回答，我刚刚制作了一张图片，描述了我想要实现的目标：徽标应该出现在左侧，下方有一个侧栏，右侧（蓝色的东西；））有一个侧栏，下方有内容。当调整到非常低的视口时，徽标应该只显示在侧边栏的顶部（但这不是主要问题）。我不知道如何在侧边栏的左侧准确定位徽标，但位于同一“行”。感谢您的回答，我刚刚制作了一张图片，描述了我想要实现的目标：徽标应显示在左侧，下方有侧边栏，右侧（蓝色的东西；））有以下内容的侧边栏。当调整到非常低的视口时，徽标应该只显示在侧边栏的顶部（但这不是主要问题）。我不知道如何准确地定位侧边栏左侧的徽标，但在同一行中。