带有向下箭头的响应式 bootstrap 按钮

Question

谁能告诉我是否可以用 bootstrap 按钮创建这种按钮？还是只能用 css 来完成？我需要它来响应。

Answer 1

如果您能提供一张图片或您之后的示例，那将很有帮助。 Bootstrap 是为了响应而构建的，因此 Bootstrap 按钮开箱即用。

转至 https://getbootstrap.com/docs/3.3/components/#btn-groups 查看 Bootstrap 按钮的完整列表及其使用方法。

以下是可在按钮中使用的箭头示例

<button type="button" class="btn btn-default">
  <span class="glyphicon glyphicon-menu-down"></span>
</button>

这是一个带有向下箭头的下拉菜单。

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

给我们看张照片，并尽量在您的问题中更具体。

带有向下箭头的响应式 bootstrap 按钮

Responsive bootstrap button with down arrow

css

button

responsive