Twitter BootStrap TopBar và DropDown Menu

Question

Tôi đang cố gắng xây dựng một thanh trên cùng có một số liên kết ở bên trái và bên phải, sẽ có một Liên kết Đăng nhập sẽ mở Biểu mẫu Đăng nhập trong DropDown. Tôi cũng muốn rằng hình thức đăng nhập nên cư xử như một Tab chọn khi nhấp (hoặc khi thả xuống mở cửa)

Mã của tôi trông như thế này: -

<div class="navbar navbar-fixed-top"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <ul class="nav"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Section1</a></li> 
      <li><a href="#">Section2</a></li> 
     </ul> 

     <ul class="nav nav-tabs pull-right signin-menu"> 
      <li class="dropdown" data-dropdown="dropdown"><a href="#" data-toggle="dropdown" class="login-link dropdown-toggle">Login</a> 
       <ul class="dropdown-menu" id="signin-dropdown"> 
        <li> 
         <form>....</form> 
        </li> 
       </ul> 
      </li> 
     </ul>   
    </div> 
</div> 

Tôi đã có 2 danh sách, một trong số chúng ở bên phải vì tôi muốn nó hoạt động như các tab. Vấn đề của tôi là tôi không thể xóa mũi tên nhỏ trỏ đến Liên kết Đăng nhập khi menu thả xuống được mở. Tôi muốn nó trông giống như một Tab đã chọn với danh sách thả xuống bên dưới nó, mà không có mũi tên chỉ.

Ngoài ra, tab còn mất các góc tròn khi được chọn. Tôi chắc chắn đó là vấn đề về CSS nhưng không chắc chắn nơi tìm kiếm nó ..

Bất kỳ ý tưởng nào?

P.S. Tôi đang sử dụng BootStrap v2.0.1

Answer 1

Mũi tên được thêm bởi bootstrap bằng cách sử dụng phần tử giả, bạn có thể phủ nhận tính năng đó trên phần "đăng nhập" của mã bằng cách nhắm mục tiêu lớp duy nhất mà bạn đã thêm, để rời khỏi hành vi mặc định bị ảnh hưởng đối với các phần tử menu khác. Bằng cách này cũng làm cho một bản cập nhật bootstrap không phiền phức.

Bạn có thể loại bỏ các mũi tên sổ xuống trên hộp đăng nhập bằng cách thêm display:none đến pseudo-class tương ứng như sau:

CSS

.signin-menu .dropdown-menu:before { 
    display: none; 
} 

.signin-menu .dropdown-menu:after { 
    display: none; 
} 

nhanh Demo, edit đây.