You can change the position of the dropdown based on the screen size using the following class name:.{xx}:dropdown-{position}
.
{xx} can be xs
, sm
, md
, lg
, xl
.
You sometimes need dropdown content to "detach" from their container in order to make their content take the full width of the screen. Do to so, simply add the.dropdown-mobile
class name. Please note that this only works under the sm threshold (640px).