css - Bootstrap dropdown content to the right of link -


i making bootstrap mega menu in navigation meant floating left. have changed float right using pull-right class provided bootstrap dropdowns still appearing if nav still floating left. how can adjust dropdown content reflect floating change?

attached image of problem:

enter image description here

as can see dropdown caret arrow pointing @ merchandising off little bit, can adjust. content of dropdown should right of nav item, not left. bootstrap styles default, except following css:

.dropdown-menu {     position: absolute;     top: 100%;     left: -1px;     z-index: 1000;     display: none;     float: left;     min-width: 160px;     padding: 10px 10px;     margin: 0px 0 0;     list-style: none;     background-color: #fff;     border-top: transparent;     border-left: 1px solid rgba(0, 0, 0, .1);     border-right: 1px solid rgba(0, 0, 0, .1);     border-bottom: 1px solid rgba(0, 0, 0, .1);     -webkit-border-radius: 0;     -moz-border-radius: 0;     border-radius: 0;     -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);     -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2);     box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);     -webkit-background-clip: padding-box;     -moz-background-clip: padding;     background-clip: padding-box; } 


Comments

Popular posts from this blog

html - How to style widget with post count different than without post count -

How to remove text and logo OR add Overflow on Android ActionBar using AppCompat on API 8? -

IIS->Tomcat Redirect: multiple worker with default -