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:
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
Post a Comment