javascript - Bootstrap 下拉列表

标签 javascript jquery css twitter-bootstrap-3

我有 bootstrap 下拉菜单,但需要一些更改,但不知道该怎么做,

这是开始位置:BUTTON TO OPEN LIST

当我点击这个按钮时,我需要这个 Action :Action

所以当我点击按钮时,列表会向下滑动,这个添加到列表会随着新的列表标题(按钮)而改变

这是我的列表引导代码:

<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" 来帮助你

enter image description here

The Popover Plugin

关于javascript - Bootstrap 下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39020134/

相关文章:

html - 固定宽度中心,动态左右背景图像列

javascript - 将显示对话框自定义 html 添加到 Google 幻灯片脚本

javascript - jsPdf 使用 html2canvas.js : Uncaught Error: Supplied data is not a JPEG

javascript - jQuery 幻灯片 html 元素

javascript - Bootstrap 响应 : Show multiple div in collapse mode

javascript - 尝试在 Chrome 中运行时来自 Sigma.js 的 XMLHTTPRequest 错误 [似乎是它运行方式的独特之处]

css - 为什么我的 HTML5 <picture> 的高度在其 <img> 之外,为什么它不包含 <img>?

javascript - 在Javascript中将带方括号的字符串转换为数组或列表

jquery - datatables.net 在行单击时获取行数据

asp.net - jQuery 中数组长度为零