Bootstrap CSS Classes

Bootstrap CSS class .dropdown

<div class="input-group">
  <div class="input-group-prepend">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</button>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">Action</a>
      <a class="dropdown-item" href="#">Another action</a>
    </div>
  </div>
  <input type="text" class="form-control" aria-label="Text input with dropdown button">
</div>

Preview

See components using .dropdown

Browse ready-made Bootstrap components that use this class.

Are you tired of writing HTML by hand?

Check .dropdown in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

More Bootstrap CSS classes in Form Input Groups category

© 2026 Shuffle. All rights reserved.