Bootstrap Icon Logo
me@grafxflow

Written by me@grafxflow

13 Apr, 2014

0

8,163

Bootstrap 3 hide menus dropdown arrow

Here is a quick and easy way of hiding the drop down arrow that appears on a Bootstrap 3 parent menu option/item. The reasons you may want to do this, are maybe due to the design not not having one or you may also want to make the parent option clickable so taking you to another page.

Simply find the following code in your page or template and delete or note out the following.

<span class="caret"></span>

So with note out becomes...

<!-- <span class="caret"></span> -->

Share this article

Add comment

Smart Search

me@grafxflow Author Profile picture

me@grafxflow

Founder, Grafxflow

I am a Full-stack Developer who also started delving into the world of UX/UI Design a few years back. I blog and tweet to hopefully share a little bit of knowledge that can help others around the web. I build lighting-fast dynamic content engines with Laravel, Winter CMS and Tailwind CSS. Thanks for stopping by!