css - Twitter Bootstrap button group items getting cut off the screen -
I am getting a part of my button to exit the viewing area.
I use the standard bootstrap code I am using:
& lt; Div class = "btn-group" & gt; & Lt; Button class = "btn btn-info" & gt; Sign in & lt; / Button & gt; & Lt; Button class = "btn btn-info dropdown-toggle" data-toggle = "dropdown" & gt; & Lt; Span class = "caret" & gt; & Lt; / Span & gt; & Lt; / Button & gt; & Lt; Ul class = "dropdown menu" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Sign in with Facebook & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "divider" & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Create a new account & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; I have issues similar to the bottom of the page, where I have another button dropdown and then the dropdown part opens, it does not automatically adjust itself and I Any suggestions to scroll down to see?
I think you did not give the status .btn-group correct In a proper way. Put it in .navbar-inner -div and add the class .pull-right . Demo
& lt; Div class = "navbar" & gt; & Lt; Div class = "navbar-inner" & gt; & Lt; One class = "brand" href = "#" & gt; Title & lt; / A & gt; & Lt; Ul class = "nav" & gt; & Lt; Li class = "active" & gt; & Lt; A href = "#" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Link & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Link & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Div class = "btn-group pull-right" & gt; & Lt; Button class = "btn btn-info" & gt; Sign in & lt; / Button & gt; & Lt; Button class = "btn btn-info dropdown-toggle" data-toggle = "dropdown" & gt; & Lt; Span class = "caret" & gt; & Lt; / Span & gt; & Lt; / Button & gt; & Lt; Ul class = "dropdown menu" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Sign in with Facebook & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "divider" & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Create a new account & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;
Comments
Post a Comment