如何在Bootstrap 3中的链接列表组项目中添加下拉按钮?

时间:2018-05-30 15:35:15

标签: html css twitter-bootstrap-3

我正在尝试在链接的{{1}}右侧添加一个下拉按钮。我已经尝试了以下内容,但看起来是一个额外的{{1}}正在插入(通过Javascript?)并且下拉列表不起作用。这是一个CardEmulation.ACTION_CHANGE_DEFAULT intent。我需要{{1}}标签,因此我无法使用onclick。

{{1}}

我正在使用Bootstrap 3.3.7。谢谢!

1 个答案:

答案 0 :(得分:0)

所以我已经完成了,我已经将链接更改为li,在下面的代码段中将类更改为btn-group。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="row">
  <ul class="list-group">
    <li class="list-group-item">
      some text
      <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Action <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
     </button>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
        </ul>
      </div>
    </li>
  </ul>
</div>