html5 - How can I make my nav bar a little fatter with Bootstrap to fit a logo -
my nav bar dose not expand irrespective image.
<a class="navbar-brand" href="http://www.thecoyotebandits.com/"> <img class="brand" src="http://static.tumblr.com/vs9to3z/ts6n7uu17/logo.png"> </a>
in markup (html), find class(es) dictate navbar's height, , add custom class so:
<div class="existing-class tall">content</div>
with in custom.css
doc:
.tall{height:120px} /* experiment height depending on image */
there other ways same (override bootstrap's class in either custom.css doc or right in bootstrap.css, add css inline, or add css html doc's head
) above best practice , easiest manage long-term.
also, i'm done teaching , preaching, in case you'll add class navbar-brand
i've done here: http://www.bootply.com/zfrmg9asai
<a class="navbar-brand tall" href="http://www.thecoyotebandits.com/">
Comments
Post a Comment