navbar-brand 주위에 공백을 없애시겠습니까?

Question

나는 초보자이며 내 navbar-brand 주위에 여분의 "흰색"공간을 없애려고 노력하고 있습니다. 나는 배경이 같은 색과 테두리가되기를 원하지만, 그 원인이나 목표를 정하는 방법을 파악할 수는 없습니다.

다른 링크의 배경을 타겟팅하려고합니다.

제안 사항? 당신이 실수로 시작을 닫는 대신 새로운 버튼 요소를 열어처럼

<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 a { 
    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; 
} 

Answer 1

보인다. 이 블록을 다음과 같이 변경하십시오 :

<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>