#### Interactive demo

###### Just put this to any tag `data-toggle="tooltip" title="Default tooltip"`

                                                <button type="button" class="btn btn-secondary btn-outline" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
                                                <button type="button" class="btn btn-secondary btn-outline" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">Tooltip on right</button>
                                                <button type="button" class="btn btn-secondary btn-outline" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">Tooltip on bottom</button>
                                                <button type="button" class="btn btn-secondary btn-outline" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">Tooltip on left</button>

#### Interactive demo

###### Just put this to any tag `data-container="body" title="Popover title" data-toggle="popover" data-placement="top" data-content="..."`

                                            <button type="button" class="btn btn-secondary" data-container="body" title="Popover title" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
                                                Popover on top
                                            </button>
                                            <button type="button" class="btn btn-secondary" data-container="body" title="Popover title" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
                                                Popover on right
                                            </button>
                                            <button type="button" class="btn btn-secondary" data-container="body" title="Popover title" data-toggle="popover" data-placement="bottom" data-content="Vivamus
                                                sagittis lacus vel augue laoreet rutrum faucibus.">
                                                Popover on bottom
                                            </button>
                                            <button type="button" class="btn btn-secondary" data-container="body" title="Popover title" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
                                                Popover on left
                                            </button>

##### Layout Settings

Dark Theme
Collapse Sidebar
Fixed Sidebar
Fixed Header
Boxed Layout

##### Logo Backgrounds

##### Navbar Backgrounds

##### Sidebar Backgrounds

- ##### Pavan kumar

  Just see the my admin! 9:30 AM

  ##### Sonu Nigam

  I've sung a song! See you at 9:10 AM

  ##### Arijit Sinh

  I am a singer! 9:08 AM

  ##### Nirav Joshi

  Just see the my admin! 9:02 AM

  ##### Sunil Joshi

  Just see the my admin! 9:02 AM

  ##### Akshay Kumar

  Just see the my admin! 9:02 AM

  ##### Pavan kumar

  Just see the my admin! 9:02 AM

  ##### Varun Dhavan

  Just see the my admin! 9:02 AM

###### Activity Timeline

Meeting today 5pm
you can write anything
Send documents to Clark
Lorem Ipsum is simply
Go to the Doctor 5 minutes ago
Contrary to popular belief
Stephen 5 minutes ago
Approve meeting with tiger
Meeting today 5pm
you can write anything
Send documents to Clark
Lorem Ipsum is simply
Go to the Doctor 5 minutes ago
Contrary to popular belief
Stephen 5 minutes ago
Approve meeting with tiger