簡體   English   中英

引導程序下拉列表

[英]Bootstrap dropdown list

我收到了Bootstrap下拉菜單,但需要進行一些更改,並且不知道該怎么做,

這是開始位置: 按鈕打開清單

當我點擊該鍵,我需要這個動作: 動作

因此,當我單擊按鈕列表時,它將向下滑動,並且此“添加到列表”將隨着新列表標題(按鈕)而改變

這是我的清單的引導代碼:

 <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <div class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">JavaScript</a></li> </ul> </div> 

嘗試使用data-placement="top"可以幫助您

在此處輸入圖片說明

Popover插件

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM