CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
David Bélanger
David Bélanger

Reputation: 7438

CSS menu not aligned correctly

JSFiddle: http://jsfiddle.net/jYSYW/

I would like to put the pink menu at the bottom right of header .container. I did try to use position: relative; and aboslute but wihtout success...

Any clues ?

I also want NOT to apply the ul/li css to the bootstrap dropdown if possible.

Thanks

PS: This is a shortened version of my theme.

Upvotes: 0

Views: 75

Answers (2)

Dmitry Kurilo
Dmitry Kurilo

Reputation: 404

Like this? :)

Added:

 .container nav.pull-right {
     position: absolute;
     right: 0;
     bottom: 0;   
 }    
 .container {
       position: relative; 
       width: 100%; 
       height: 100%;
  }

Upvotes: 1

Rorchackh
Rorchackh

Reputation: 2181

I added

header .container{
   height: 80px;
   position: relative;
   overflow: hidden;
}

nav.pull-right {
   position: absolute;
   bottom: 0;
   right: 0;
}

and it works. here is a new fiddle for you: http://jsfiddle.net/dMu5y/

Upvotes: 1

Related Questions