Dropdown

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).