Please provide a live example of the problem (e.g., via http://jsbin.com/aKiCIDO/1/edit).

You should be using .navbar-left instead of .pull-left when aligning things in the navbar.

Hi

This should help: http://jsbin.com/EpIpevo/2/edit?html,output.
It all comes down to the css in the

in the second .navbar-nav.

P.S. pm. me if i'm using bootstrap the wrong way!

Mvg
Alvast Bedankt

Per the navbar docs examples, I'm pretty sure you shouldn't be using alignment classes on elements within a list.

Hi

I read the docs again and found that
Component alignment

Align nav links, forms, buttons, or text, using the .navbar-left or .navbar-right utility classes. Both classes will add a CSS float in the specified direction. For example, to align nav links, put them in a separate

with the respective utility class applied.

These classes are mixin-ed versions of .pull-left and .pull-right, but they're scoped to media queries for easier handling of navbar components across device sizes.

So do you have a solution for my problem?

I'm not really sure what you're trying to do in the first place.

Well I want the first

in the navbar to be aligned right. And I want the
to be aligned left. Like I illustrated at jsbin. Checkout how the drop down is positioned in the first navbar and checkout how the drop down is positioned in the second navbar. http://jsbin.com/EpIpevo/2/edit?html,output

BTW. I am currently not looking for any behaviour on devices smaller than 970px.

Mathias De Beyser
Sent with Sparrow (http://www.sparrowmailapp.com/?sig)

On Monday 2 September 2013 at 20:51, Chris Rebert wrote:

I'm not really sure what you're trying to do in the first place.

—
Reply to this email directly or view it on GitHub (#10370 (comment)).

So, it's that you want to control which horizontal direction the options-list portion of the dropdown menu "bulges" out in?

Yeah

Exactly! The weird thing is when the navbar-left is set then I am able to control the horizontal direction of the drop down menu using

or
but when navbar-right is set, that trick no longer works...

Mathias De Beyser
Sent with Sparrow (http://www.sparrowmailapp.com/?sig)

On Monday 2 September 2013 at 21:31, Chris Rebert wrote:

So, it's that you want to control which horizontal direction the options-list portion of the dropdown menu "bulges" out in?

—
Reply to this email directly or view it on GitHub (#10370 (comment)).

The issue is that it's a hack and the alignment classes aren't meant to be used just to mess with the menu like that.
I am going to reinterpret this issue as a request for a proper way to control the menu direction.

Hi

Thx for understanding.
Srry for my inadequate english

BTW. I was trying to use the .pull-left trick/hack cause the docs for a "drop down" say that:
Aligninment options

Add .pull-right to a .dropdown-menu to right align the dropdown menu.

Huh. Didn't know that. Well, then I guess it's more that it doesn't happen to work in the navbar and a new class would probably be necessary to do it cleanly.

The weirdest thing of all is that their is a class that clears the other way around.

So the default behaviour of a navbar-left, pulls the drop down list left. If you give that drop down list the class .pull-right. You get the behaviour you would expect. The horizontal alignment of the drop down list will be right.

This is cleared by this line of css (this line can be found in bootstrap.css, just CMD+F .pull-right)
.navbar-nav > li > .dropdown-menu.pull-right {
right: 0;
left: auto;
}

But their is no clear/fix for the other way around. So in this case the default behaviour of a navbar-right, pulls the drop down list right… Right? :) If you give that drop down list the class .pull-left. You would expect that the drop down list would be horizontally aligned left. Doesn't work. That's why I proposed the line of css
.navbar-nav > li > .dropdown-menu.pull-left {
right: auto;
left: 0;
} // the inverse of the above.