如何从 Bootstrap CSS 的下拉列表中删除箭头? [英] How can I remove the arrow from drop down list in Bootstrap CSS?

问题描述

我正在尝试删除出现在 Twitter Bootstrap 框架下拉菜单上的箭头.有没有人想出一种去除箭头的方法?

解决方案

来自:https://getbootstrap.com/2.3.2/components.html#buttonDropdowns

<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">行动<span class="caret"></span></a><ul class="下拉菜单"><!-- 下拉菜单链接-->

如果您删除 <span class="caret"></span>，则不会显示箭头.

使用 dev 试了一下.Chrome 中的控制台，并且似乎可以正常工作.

I am trying to remove the arrow that appears on a drop down menu in Twitter Bootstrap framework. Has anyone figured a way of removing the arrows?

解决方案

From: https://getbootstrap.com/2.3.2/components.html#buttonDropdowns

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

If you remove <span class="caret"></span> the arrow is not shown.

Tried it using the dev. console in Chrome, and seems to work.

这篇关于如何从 Bootstrap CSS 的下拉列表中删除箭头?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！