부트 스트랩 navbar에 사용할 그래픽 버튼 (API에서 제공하는 기본 "버튼"이 아님)이 있습니다. 그러나 나는 그들 사이에 패딩/공간을 제거하는 방법을 알아낼 수 없습니다. 아래 예를 참조하십시오. 버튼의 맨 아래 줄은 내가 원하는 것입니다. 패딩과 여백을 0px로 설정하고 CSS를 변경하는 모든 방법을 시도했지만 아무 것도 작동하지 않습니다. 제공 할 수있는 모든 안내에 감사드립니다.부트 스트랩 navbar의 그래픽 버튼 사이의 패딩 제거
Bootstrap buttons before and after (desired results)
난 당신이 당신이 볼 수 0
에 버튼의 부모 노드의 글꼴 크기를 버튼을 떠하거나 설정할 수 있습니다 생각 : https://css-tricks.com/fighting-the-space-between-inline-block-elements/
이 중 일부는 파악하고있다. 우선 첫째로.
.navbar-link {
padding-left: 0px;
padding-right: 0px;
margin-right: -15px; (removes space around the right side)
margin-left: -15px; (removes space around the left side)
}
<li><a class="navbar-link" href="about.html"><img src="images/buttons_navbar/btn_About_Us.png" alt="About Us" class="img-responsive"></a></li>
그러나, 나는 아직도 내가 방법을 알아낼 수 없습니다 그래픽 버튼 자체가 주변의 실제 "A"링크 패딩/마진 문제가 : 내가해야 할 일을했을 모든 스타일 등을 만들 수 있었다 죽이다. 스크린 샷의 버튼 주변의 파란색 상자를 참조하십시오. 나는 그래픽과 그 주위의 아무것도 감추지 않도록 영역을 축소해야합니다 (이미지의 오른쪽에 이미지가 어떻게 겹쳐 지는지보십시오.) 어떤 아이디어입니까? overlapping a link
