솔리드 컬러 navbar 트위터 부트 스트랩

Question

우선 부트 스트랩에 신참입니다.

내 웹 사이트의 탐색 바를 파악할 때 한 가지 중요한 문제가 있습니다.

내가 원하는 것은 navbar를 검정색 텍스트로 검정색으로 만드는 것입니다. 모바일 화면으로 이동할 때 단추는 동일해야합니다. 오른쪽 상단 모서리에 흰색 3 개의 대시가있는 검정색입니다.

• 아니 그라디언트 ... 나는 내 자신의 스타일 시트에서 bootstrap.css을 무시하려고 노력
• 없음 추가 멋진 물건 전혀 ...

없음 그림자 ... (이전의 일부 게시물에 명시된 바와 같이) 원래 CSS를 엉망으로 만들고 싶지 않기 때문에. 그러나 그것은 결코 작동하지 않으며 나는 지금 미쳐 가고 있습니다.

누구나 간단한 해결책이 있습니다. 그렇다면 나는 모든 귀입니다.

Answer 1

난 당신이 꽤 수 있다고 생각 난 단지 당신이 코멘트에서 제공하는 링크를 테스트하지만, 당신의 버튼을 사용하여 시각적 인 문제를 해결하는 것 (당신이 더 정확하고 브라우저에 대한 어쩌면 밝게하려는 경우 Demo (jsfiddle)

a, 
.btn, 
.navbar-inner, 
.btn-navbar, 
.progress, 
.progress .bar { 
    background-image: none!important; 
} 

* { 
    -webkit-box-shadow: none!important; 
    -moz-box-shadow: none!important; 
      box-shadow: none!important; 

    text-shadow: none!important; 

    -webkit-border-radius: 0!important; 
    -moz-border-radius: 0!important; 
      border-radius: 0!important; 
} 

하면, 당신은 더 적은 유지 mixin을 수정하려고한다 : 많은 background-image 어떤 그라데이션을 무시하고, 예를 들어 그림자 또는 반경도 쉽게 아니면 적어도 (mixins.less)

Answer 2

은 제거 a.btn.btn-navbar에서 .btn 클래스는 원래 트위터 부트 스트랩 코드가 아닌 신선한 페이지