Bootstrap: Feature Request: Plain text in Dropdowns

Created on 18 Jan 2017  路  4Comments  路  Source: twbs/bootstrap

A nice ability would be to add plain text in a dropdown menu instead of only <a> and <button> elements. Currently this can be more or less done with a.disabled, but being able to use a <p> or <span> element would be nice, and would also remove having the disabled cursor. Behavior could be like .navbar-text is to a navbar.

Example usage, short username on navbar and full username on menu to save valuable navbar space:
capture

css feature has-pr v4

Most helpful comment

I feel this is something that can be added in on the developer's end and just adds extra added weight to the project. imo

All 4 comments

It can be done with Menu Headers.
https://v4-alpha.getbootstrap.com/components/dropdowns/#menu-headers

Would be nice not not need a header. I personally find the headers annoying to the eye for something as short as this. Also, in the context of this menu "User" or "Profile" would be a more appropriate header.

You can use the .dropdown-header on any tags and override the font size in your custom css.

I feel this is something that can be added in on the developer's end and just adds extra added weight to the project. imo

Was this page helpful?
0 / 5 - 0 ratings