css - 带有向下箭头的响应式引导按钮

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>

向我们展示一张图片，并尝试在您的问题中更加具体。