Twitter Bootstrap 아이콘 막대 색상 스타일

가벼운 Twitter 부트 스트랩 메뉴가 있지만 전화기 및 태블릿의 드롭 다운 메뉴를 어둡게 전환하는 버튼을 원합니다. 다음 스타일을 추가했습니다. Firefox에서 작동하지만 스타일 변경이 Android에서는 표시되지 않습니다. 모든 브라우저가 아니라면 대부분 올바르게 표시되도록 다르게해야 할 필요가있는 아이디어가 있습니까?Twitter Bootstrap 아이콘 막대 색상 스타일

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse" style="color: #000000; background-color: #121212; 
background-image: linear-gradient(to bottom, #0d0d0d, #1a1a1a);"> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
</button>

출처

2013-04-07 Mandiana

답변 해 주셔서 감사합니다. 부트 스트랩은 navbar 스타일과 icon-bar 스타일을 결합합니다. 다른 것을 수정하지 않고도 LESS를 사용하여 수정할 수는 없습니다. 나는 그들이 메뉴를 보지 못한다고 불평하는 사람들이 있기 때문에 그들과 다르게하고 싶습니다. 일부 장치에서는 혼합되기 때문에보기가 어렵습니다. 공급 업체 CSS3 접두사에 대한 힌트를 제공해 주셔서 감사합니다. 나는 더 많은 연구를 할 것이다. CSS3 접두사에 대해 배울 점에 대한 제안? – Mandiana

정말로 배우고 싶다면 Google이 도움이 될 것 같습니다. 그러나 당신을 위해 그것을하는 몇 가지 도구가 있습니다. Google은 "CSS 접두어"와 같은 것을 사용하고 있습니다. – Robyflc

브라우저마다 CSS3 배경 그라디언트가 다릅니다. 코드가 모든 브라우저에서 지원되는지 확인하려면 공급 업체 접두어를 추가해야합니다. 또한 공급 업체 접두사를 사용하더라도 브라우저마다 배경 그라디언트 코드가 다릅니다.

크로스 브라우저 그라디언트 용으로 훌륭한 도구 인 ColorZilla을 권장합니다. 많은 예가 있으며, 색상, 그라디언트 방향을 편집하고 여러 그라디언트를 추가 할 수도 있습니다. 시도 해봐.

출처

2013-04-07 01:16:25

내 CSS 지식은 매우 기본적이므로 설명과 링크에 감사드립니다! – Mandiana

Twitter 부트 스트랩 요소의 색상을 사용자 정의하는 가장 쉬운 방법은 LESS를 사용하는 것입니다. 공식 페이지에서 사용자 정의하고 variables.less 파일에서 다운로드하여 수행하거나 Bootswatcher과 같은 온라인 도구를 사용해보십시오.

이렇게하면 모든 공급 업체 CSS3 접두어를 사용할 필요가 없습니다.

출처

2013-04-07 05:44:41 Robyflc

답변과 도움이되는 힌트에 감사드립니다. 그것은 비록 내 문제를 해결하지 않습니다. 위의 추가 의견을 참조하십시오. 감사! – Mandiana

Twitter Bootstrap 아이콘 막대 색상 스타일

답변

관련 문제