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