html - Bootstrap nav collapse - Menu items not aligning in toggle dropdown -
i implemented bootstrap 3 navbar collapse change navbar collapse having problem toggle on nav.
i put in min-width: 992px make menu hover open rather toggle desktop sizes.
ul.nav li.dropdown:hover ul.dropdown-menu { display: block; } /* adding hover effect bs navbar md size , */ .dropdown-menu > li > { text-align: right; }
the problem i'm having when toggle menu item in sm size. dropdown menu doesn't toggle directly below. goes off right hand side. can't seem find css selector putting directly below while other items "move out of way"
this happening
bootstrap menu dropdown http://i57.tinypic.com/a4ogm0.png
i want sm-size
bootstrap menu dropdown http://i59.tinypic.com/2j4xzkx.png
tried insert code bootply... doesn't collapse on there though??? http://www.bootply.com/q2fqp7kfak
found out css changing collapse had a
.navbar-nav>li { float: none; }
that caused drift off side until hit xs! removed , it's a-ok
thanks!
Comments
Post a Comment