css - Twitter Bootstrap button group items getting cut off the screen -


I am getting a part of my button to exit the viewing area.

Enter image details here

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

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -