Monday, 15 March 2010

twitter bootstrap - Only part of the Button Area is clickable -


I have a navbar with two buttons, this button should always appear. That's why I could not use the Nauhar-Fall class. The button area is clickable with the actual style as well.

How can I get a similar design with better button behavior (the whole area of ​​the button should be clickable)?

  & lt; Nav class = "navbar navbar-inverse navbar-fixed-top" & gt; & Lt; Div class = "container-liquid" & gt; & Lt; Button onclick = "warning ('left')" type = "button" class = "btn btn-default navbar-btn pull-left" & gt; & Lt; Span class = "glyphicon glyphicon-menu-left" & gt; & Lt; / Span & gt; & Lt; / Button & gt; & Lt; P class = "navbar-text navbar-text-extension" href = "#" & gt; Date & lt; / P & gt; & Lt; Button onclick = "alert ('right')" type = "button" class = "btn btn-default navbar-btn pull-right" & gt; & Lt; Span class = "glyphicon glyphicon-menu-right" & gt; & Lt; / Span & gt; & Lt; / Button & gt; & Lt; / Div & gt; & Lt; / Neo & gt;   

this navbar-text-

  & lt; Nav class = "navbar navbar-inverse" & gt; Expansion  & lt; Div class = "container-liquid" & gt; & Lt; Div class = "text-center" & gt; & Lt; Button onclick = "warning ('left')" type = "button" class = "btn btn-default navbar-btn pull-left" & gt; & Lt; Span class = "glyphicon glyphicon-menu-left" & gt; & Lt; / Span & gt; & Lt; / Button & gt; & Lt; Span class = "navbar-text display-ib" href = "#" & gt; Date & lt; / Span & gt; & Lt; Button onclick = "alert ('right')" type = "button" class = "btn btn-default navbar-btn pull-right" & gt; & Lt; Span class = "glyphicon glyphicon-menu-right" & gt; & Lt; / Span & gt; & Lt; / Button & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Neo & gt;  

CSS:

  .navbar-text.display-ib {display: inline-block; Float: Nobody! Important; }  * Note  I removed the class that just fixes the novice on top for Bella (it should be fine, then added it back). Gaya), there is a 'result' tag near the Bela window which was overlapping the button, which would seem that the button was still not working. 


No comments:

Post a Comment