CSS使用積累

CSS使用積累

1.Dropdown

Bootstrap dropdown with mouse hover rather than click.

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

方法:
.dropdown:hover .dropdown-menu {
    display: block;
 }

Allow click on bootstrap dropdown toggle link

<ul class="nav">
    <li class="dropdown">
        <a class="dropdown-toggle" href="http://google.com">
            Dropdown <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
            <li><a href="#">Link 1</a></li>
            <li><a href="#">Link 2</a></li>
        </ul>
    </li>
</ul>

方法:
Just add disabled as a class on your anchor:
<a class="dropdown-toggle disabled" href="http://google.com">
    Dropdown <b class="caret"></b>
</a>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章