2012-06-29 3 views
0

는 다음과 같이 드롭 다운 보이게하려면 :부트 스트랩 드롭 다운 목록의 양식을 변경하는 방법은 무엇입니까? 내가 트위터 부트 스트랩 및 I를 사용하고

enter image description here

을 지금의 모양은 기본적으로 다음과 같습니다

여기

http://i.imgur.com/0zmyZ.png

는 HTML 코드 :

 <li class="dropdown"> 
      <a href="#" class="dropdown-togle" data-toggle="dropdown"> 
      <b>Download</b> 
      <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link2</a></li> 
      </ul> 
      </li> 

수정 됨 - 예 :http://jsfiddle.net/gnEAe/2/

나는 dropdown.js에서 무엇을 고쳐야한다고 생각 하나?

<div class="navbar test">

도이 같은 CSS를 추가 할 필요가 내가 jsfiddle을 편집 한 확인

답변

0

...

첫 번째 클래스 추가 테스트 ....

.test .dropdown-menu:after, .test .dropdown-menu:before { 
    border:0 !important; 
} 

.test .dropdown-menu { 
    left:-13px; 
    border: 1px solid rgba(0, 0, 0, 0.2); 
    border-top:none !important; 
} 

이 내가 무슨 말을하고 있는지 당신에게 기본적인 생각을 줄 것이다 ... http://jsfiddle.net/gnEAe/3/

+0

어떻게 jsfiddle에 부트 스트랩을 포함 : 여기

스타일 목록에 튜토리얼? – skrypalyk

+0

http://jsfiddle.net/gnEAe/2/ – skrypalyk

0

사실 자바 스크립트에서 무언가를 덮어 쓸 필요가 없습니다. 그러나 당신은 당신의 목록을 스타일링하기 위해 CSS를 작성해야합니다.

http://css.maxdesign.com.au/listutorial/