twitter bootstrap 3 - Get Rid of white space around navbar-brand? -

twitter bootstrap 3 - Get Rid of white space around navbar-brand? -

i'm newbie , i'm trying rid of "white" space around navbar-brand. want background same color, no borders, can't figure how what's causing or how target it.

i trying target background of other links when hovering.

any suggestions?

<nav role="navigation" class="navbar navbar-fixed-top"> <div class="container"> <header class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--navbar-brand--> <a class="navbar-brand" href="#"><span class="first-name">sume</span></a> </header> <div class="collapse navbar-collapse" id="nav-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#intro">about</a></li> <li><a href="#exp">experience</a></li> <li><a href="#skl">technical skills</a></li> <li><a href="#contact">contact</a></li> </ul> </li> </ul> </div> </div> </nav>

css

.navbar-nav { color: white; font-size:125%; } .navbar .navbar-header .navbar-brand { color: white; } .navbar { background-color:rgb(37,96,155); } .navbar .navbar-brand { background-color:rgb(37,96,155); color:white; }

looks accidentally opened new button element instead of closing 1 started. alter block so:

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>

twitter-bootstrap-3 navbar