2014-07-24 6 views
0

Boootswatch 커스텀 테마와 함께 Jasny 부트 스트랩의 vertical navbar을 사용하려고합니다. 내가 직면하고있는 문제는 Jasny booostrap에서 navbar 색상이 하드 코딩되어 있으며 어떤 테마를 사용 하던지간에 navabar 색상은 동일하게 유지됩니다.Bootswatch 테마가있는 Jasny 부트 스트랩이 작동하지 않습니까?

나는 Yeti Theme를 사용하여 색을 수동으로 변경하려했으나, 정확한 메뉴 표현을 할 수 없었습니다.

.navmenu-inverse, 
.navbar-inverse .navbar-offcanvas { 
    background-color: #008cba; 
    border-color: #006687; 
} 

    .navmenu-inverse .navmenu-brand, 
    .navbar-inverse .navbar-offcanvas .navmenu-brand { 
     color: #ffffff; 
    } 

    .navmenu-inverse .navmenu-brand:hover, 
    .navbar-inverse .navbar-offcanvas .navmenu-brand:hover, 
    .navmenu-inverse .navmenu-brand:focus, 
    .navbar-inverse .navbar-offcanvas .navmenu-brand:focus { 
     color: #fff; 
     background-color: transparent; 
    } 

Yeti theme을 사용하여 누구든지 수정할 수 있습니까?

또한, Bootswatch에 포함 된 모든 테마와 호환되도록하는 쉬운 방법이 있습니까?

미리 감사드립니다.

답변

1

색상은 이 아니고이 아닌 하드 코딩 된 것으로 실제로 Less (and Sass)의 변수입니다.

가장 쉬운 방법은 the customizer을 사용하여 navmenu의 색상을 설정하는 것입니다.

당신이 Bootswatch 테마

  • 만들어라 bootswatch repository의 모든 Jasny 부트 스트랩을 추가하려면

    .
  • bower가있는 Jasny Bootstrap을 설치하십시오 : bower install -S jasny-bootstrap.
  • @import "../bower_components/jasny-bootstrap/less/jasny-bootstrap.less";-global/build.less을 더하십시오.
  • Jasny Bootstrap variables을 맞춤 설정하여 Yeti theme variables.less에 추가하십시오. 각 주제마다 이것을 반복하십시오.
  • 실행 grunt.
+0

나는 덜 익숙하고 덜컹 거리다. 더 간단한 방법이 있습니까? 그리고 커스터마이져에서 색상을 어떻게 설정합니까? – writeToBhuwan

+1

simpeler 방법은 사용자 정의 프로그램입니다. 'Less variables'> 'Navmenu'로 스크롤하십시오. 거기에'@ navmenu-default-color'와 같이 각 색상에 대한 16 진 코드와 같은 필드가 있습니다. 변경, 스크롤 다운 및 '사용자 정의 및 다운로드'를 누르십시오. –

+0

네 번째 점을 이해하지 못 했습니까? 자세히 설명해 주시겠습니까? 아니면 나를 위해 할 수 있니? – writeToBhuwan

관련 문제