CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
XNL073
XNL073

Reputation: 105

Bootstrap fixed header width

I am new to Bootstrap and can't find any answer to my question.

I am using the AdminLTE bootstrap theme for testing. I want to create a nice website theme with it and I want a fixed width. The fixed width is working but not for the header bar.

I want the header bar and menu to always be fixed. Because I add the "fixed" class to te body my site is fixed width. Only the header isn't fixed width. It is only fixed to the screen.

Can someone help me out?

Upvotes: 2

Views: 2713

Answers (1)

Ken Wheeler
Ken Wheeler

Reputation: 1958

You need to wrap the interior of the header with a <div class="container"></div>

<header class="header">
  <div class="container">

            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
              <a href="index.html" class="logo">
                <!-- Add the class icon to your logo image or logo icon to add the margining -->
                Testing
            </a>
            </nav>
  </div>

You need to remove the margin-left and position fixed from the navbar css as well.

Upvotes: 2

Related Questions