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

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -