adding the arrow to dropdown pills for twitter bootstrap?

前端 未结 4 2057
南方客
南方客 2021-02-02 18:02

I got the twitter bootstrap dropdown buttons successfully working, but I have a tiny problem. The black navbar here:

http://twitter.github.com/bootstrap/javascript.html#

4条回答
  •  暗喜
    暗喜 (楼主)
    2021-02-02 18:10

    Assuming you're referring to the white arrow that points upward when a menu item is clicked, the style you're looking for is on line 3907 in bootstrap.css:

    .navbar .dropdown-menu::after {
      position: absolute;
      top: -6px;
      left: 10px;
      display: inline-block;
      border-right: 6px solid transparent;
      border-bottom: 6px solid white;
      border-left: 6px solid transparent;
      content: '';
    }
    

    You can try copying this style and removing the .navbar portion of the style declaration and modify it to fit your code.

提交回复
热议问题