Webstrot Admin

- Recent Notifications
  - 02:34 PM
    Mr. Ajay
    5 members joined today
  - 02:34 PM
    Mr. Ajay
    likes a photo of you
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - See All
- 2 New Messages
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - See All
- Ajay
  Upgrade Now

  30 Days Trail

  - Profile
  - My Balance
  - My Task
  - My Calender
  - Inbox
  - Setting
  - Help
  - Lock Screen
  - Logout

# Dashboard

#### Basic Dropdown

The `.dropdown` class indicates a dropdown menu. To open the dropdown menu, use a button or a link with a class of `.dropdown-toggle` and the `data-toggle="dropdown"` attribute. The `.caret` class creates a caret arrow icon (), which indicates that the button is a dropdown. Add the `.dropdown-menu` class to a `<ul>` element to actually build the dropdown menu.

#### Dropdown Divider

The `.divider` class is used to separate links inside the dropdown menu with a thin horizontal border:

#### Dropdown Header

The `.dropdown-header` class is used to add headers inside the dropdown menu:

#### Disable and Active items

To disable an item in the dropdown menu, use the `.disabled` class (gets a light-grey text color and a"no-parking-sign" icon on hover):

#### Dropdown Position

To right-align the dropdown, add the `.dropdown-menu-right` class to the element with .dropdown-menu:

#### Dropup

If you want the dropdown menu to expand upwards instead of downwards, change the <div> element with class="dropdown" to `"dropup"`:

#### Dropdown Accessibility

To help improve accessibility for people using screen readers, you should include the following `role` and `aria-*` attributes, when creating a dropdown menu:

#### Dropup

If you want the dropdown menu to expand upwards instead of downwards, change the <div> element with class="dropdown" to `"dropup"`: