> php教程 > PHP开发 > Bootstrap에서 LESS 색상 및 탐색 모음 사용자 정의(권장)

Bootstrap에서 LESS 색상 및 탐색 모음 사용자 정의(권장)

高洛峰
풀어 주다: 2016-12-06 11:00:44
원래의
1542명이 탐색했습니다.

테마 색상

Variable.less 파일 시작 부분에는 기본 변수와 회색 및 브랜드 색상의 값을 확인할 수 있습니다

@gray-darker: lighten(#000,13.5%); //#222
@gray-dark
로그인 후 복사

필요한 전체 회색 공간을 덮기 위해 교체하면 됩니다.

@gray-darker: #222;
@gray-dark: #454545;
@gray: #777;
@gray-light: #aeaeae;
@gray-lighter: #ccc
@gray-lightest: #ededed
@offwhite: #fafafa;
로그인 후 복사

브랜드 색상을 황금색으로 변경합니다.

@brand-primary: #c1ba62;
로그인 후 복사

탐색 모음 색상 변수

variables.less에서 다음 값을 수정합니다.

@navbar-height: 64px;
@navbar-margin-bottom: 0; // was @line-height-computed
...
@navbar-default-color: @gray;
@navbar-default-bg: #fff;
@navbar-default-border: @gray-light; // darken(@navbar-default-bg, 9.5%);
...
// Navbar links
@navbar-default-link-color: @navbar-default-color;
@navbar-default-link-hover-color: @link-hover-color;
@navbar-default-link-hover-bg: @off-white;
@navbar-default-link-active-color: @link-hover-color;
@navbar-default-link-active-bg: @gray-lightest;
@navbar-default-link-disabled-color: @gray-lighter;
@navbar-default-link-disabled-bg: transparent;
로그인 후 복사

내비게이션 바와 관련된 새로운 기능이 등장합니다.


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿