"Product or company header"
Bootstrap 2.3.2 Snippet by oghenez

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="span12"> <div class="head"> <div class="row-fluid"> <div class="span12"> <div class="span6"> <h1 class="muted">Company Name</h1> </div> <div class="span4 offset2" style="margin-top:15px;"> <button class="btn pull-right" type="button">Sign In</button> </div> </div> </div> <div class="navbar"> <div class="navbar-inner"> <div class="container"> <ul class="nav"> <li> <a href="#">Explore Product</a> </li> <li> <a href="#">Search</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Blog</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>

Related: See More

Full Calendar
Bootstrap 4 and CCS3 Product Cards with Transition
Resize & Fixed Header (shrinking header)
eCommerce Product Detail

Questions / Comments:

Wow! Awesome work!

nwinger () - 11 years ago - Reply -1

I am not sure when this started happening, but does anyone else notice that the 'Remember me' checkbox falls outside of the 'form-signin' div with the latest version of bootstrap. What is the best way to fix this following bootstrap standards? Please see this demo link posted on the github page for this form: http://jsfiddle.net/esbanar.... The only temporary fix that I could temporarily come up with is adding the following style which I know is incorrect 'checkbox checkbox-inline pull-left'.

bluetea55z . () - 9 years ago - Reply 0

help me out here it doesnt work on my ide

muzi () - 9 years ago - Reply 0

Could you please post more details? Thanks!

maxsurguy () - 9 years ago - Reply 0

Nice, I liked this one so I forked it myself. I extended this so that it is "tabbed" like google login so you can select account, and register etc etc.

See here: http://bootsnipp.com/snippe...

Lord Steve King () - 10 years ago - Reply 0

looks awesome, thanks!

maxsurguy () - 10 years ago - Reply 0

I notice when the browser is at about 805px the div account-wall loses it's fixed width. Guessing it's a media query thing, anyway to fix this?

Karl L () - 10 years ago - Reply 0

Really nice snippet ! Thanks a lot !

Can you make an other one with input group ?

Julien () - 10 years ago - Reply 0

This displays fine on all browsers but Internet Explorer. I noticed on you demo it looks fine on IE. How did you get this to look good on IE. I copied the CSS and HTML exactly as it is here. Here is a link to how mine looks. http://wikicopy.com/loginpr...

Alex Grzywinski () - 10 years ago - Reply 0

Perfect! Big thanks!

Drew () - 11 years ago - Reply 0

Fantastic execution... Nice one!

Adedoyin Kassem () - 11 years ago - Reply 0

This is great but how can I reduce the width without affecting my main container?

Shane () - 11 years ago - Reply 0

Try adding a container within the main container

Roderick Silva () - 11 years ago - Reply 0

thanks!

Selman Kahya () - 11 years ago - Reply 0

Thanks man. 5++!
Can you also make a stylish registration like this?

Mika () - 11 years ago - Reply 0

Here's kind of like that : http://bootsnipp.com/snippe...

maxsurguy () - 11 years ago - Reply 0

Thanks!

Chux () - 11 years ago - Reply 0

Awesome. Thanks :)

Ermand Duro () - 11 years ago - Reply 0

awesome bro ^_^

Sendy () - 11 years ago - Reply 0