Skip to content

Loading…

Not possible to use offset within navbar #1994

Closed
and7ey opened this Issue · 1 comment

2 participants

@and7ey

I use offset1 span6 for the main content and wanted to apply the same for navbar content, but it doesn't work in the same way as for content - please see live demo, http://jsfiddle.net/and7ey/fJU4K/.

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container offset1 span6">
          <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>
          <a class="brand" href="index.html">Project</a>
          <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><!--/.nav-collapse -->
        </div>
      </div>
    </div>
<div class="container">
<div class="row offset1 span6">
<div class="tabbable">
  <ul class="nav nav-tabs" id="tab">
    <li class="active">
      <a href="#tab1" data-toggle="tab">Section 1</a>
    </li>
    <li>
      <a href="#tab2" data-toggle="tab">Section 2</a>
    </li>
    <li>
      <a href="#tab3" data-toggle="tab">Section 2</a>
    </li>    
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <p>
        I'm in Section 1.
      </p>
    </div>
    <div class="tab-pane" id="tab2">
      <p>
        Howdy, I'm in Section 2.
      </p>
    </div>
    <div class="tab-pane" id="tab3">
      <p>
        Howdy, I'm in Section 3.
      </p>
    </div>
  </div>
</div>
</div>
</div>
@mdo
Bootstrap member

The span classes are not meant to be used on the container. Use them on a grid column within a row if you want the intended effect I think you do. See the grid docs for how to use them, under Scaffolding.

@mdo mdo closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.