# Modal

##### Basic

##### Modal title

...

##### Scrolling Long Content

##### Modal title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ex imperdiet magna dignissim porta in vel ipsum. Cras et lectus vel magna eleifend faucibus. Proin aliquam fermentum lacus, sit amet molestie ante aliquet nec. Nunc interdum, ante non lobortis feugiat, quam quam ornare nunc, tempus dictum neque odio sed augue. Suspendisse tincidunt tristique laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean condimentum est sit amet justo semper molestie. Integer placerat nulla id tortor molestie, sed laoreet est ornare. Morbi non velit nec purus accumsan commodo et sed nisi. Maecenas sit amet purus scelerisque neque luctus congue.
Nam consequat nunc neque, nec bibendum ante mollis nec. Cras porta ante a ex condimentum imperdiet. Cras vehicula velit in erat semper, sed bibendum ligula vehicula. Fusce hendrerit orci arcu, ut posuere dui volutpat at. Vivamus condimentum porttitor ultricies. Quisque at metus sit amet ipsum convallis lacinia. Nulla elementum ligula eget velit viverra condimentum. Vestibulum pulvinar enim mattis pharetra tristique. Donec hendrerit vitae lorem at malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a diam eu sem gravida ultrices.
Nam quis semper est. Vestibulum sodales tortor eget arcu varius, id venenatis leo sollicitudin. Suspendisse potenti. Duis elementum nibh eget felis elementum condimentum. Donec vestibulum augue dapibus, eleifend risus quis, placerat sapien. Maecenas eu gravida quam. Cras in faucibus nibh, quis pellentesque sapien. Aliquam congue venenatis dui, ut lobortis sem pulvinar pellentesque. Maecenas est ante, lacinia quis ultrices nec, varius sed leo. Maecenas ultrices erat tincidunt neque faucibus, eget auctor elit facilisis. Etiam mi diam, pretium non tincidunt in, sagittis in purus. Aliquam iaculis nunc mi, vel elementum elit feugiat a. Morbi euismod diam elit, ac maximus nibh mattis sit amet.
Praesent eu tellus nunc. Fusce id gravida massa, nec mattis magna. Mauris in libero ut dui efficitur pretium sed nec purus. Aenean vel rutrum massa, vel blandit lectus. Vestibulum vitae vehicula felis. Aliquam ut quam dictum, vulputate felis id, iaculis augue. Fusce finibus quam arcu, eget laoreet nibh pharetra ac. Duis euismod lorem quis massa condimentum, ac suscipit enim accumsan. Aenean rhoncus nec ipsum eu malesuada. Nunc nec vehicula eros, ac aliquam felis.
Nunc elementum justo odio, at porta lacus facilisis non. Quisque placerat lacinia nibh, laoreet pretium tortor porta vel. Maecenas quis lacinia augue. In porttitor neque bibendum consequat sagittis. Nunc consectetur erat quis nulla fermentum, malesuada tristique felis viverra. Mauris vehicula et ex sit amet dapibus. Mauris sit amet tellus vel quam volutpat condimentum at vel risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu ornare massa. Sed vel aliquam tortor. Sed interdum suscipit venenatis. Quisque sit amet fringilla diam. Donec tincidunt ante sit amet arcu fermentum pulvinar.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ex imperdiet magna dignissim porta in vel ipsum. Cras et lectus vel magna eleifend faucibus. Proin aliquam fermentum lacus, sit amet molestie ante aliquet nec. Nunc interdum, ante non lobortis feugiat, quam quam ornare nunc, tempus dictum neque odio sed augue. Suspendisse tincidunt tristique laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean condimentum est sit amet justo semper molestie. Integer placerat nulla id tortor molestie, sed laoreet est ornare. Morbi non velit nec purus accumsan commodo et sed nisi. Maecenas sit amet purus scelerisque neque luctus congue.
Nam consequat nunc neque, nec bibendum ante mollis nec. Cras porta ante a ex condimentum imperdiet. Cras vehicula velit in erat semper, sed bibendum ligula vehicula. Fusce hendrerit orci arcu, ut posuere dui volutpat at. Vivamus condimentum porttitor ultricies. Quisque at metus sit amet ipsum convallis lacinia. Nulla elementum ligula eget velit viverra condimentum. Vestibulum pulvinar enim mattis pharetra tristique. Donec hendrerit vitae lorem at malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a diam eu sem gravida ultrices.
Nam quis semper est. Vestibulum sodales tortor eget arcu varius, id venenatis leo sollicitudin. Suspendisse potenti. Duis elementum nibh eget felis elementum condimentum. Donec vestibulum augue dapibus, eleifend risus quis, placerat sapien. Maecenas eu gravida quam. Cras in faucibus nibh, quis pellentesque sapien. Aliquam congue venenatis dui, ut lobortis sem pulvinar pellentesque. Maecenas est ante, lacinia quis ultrices nec, varius sed leo. Maecenas ultrices erat tincidunt neque faucibus, eget auctor elit facilisis. Etiam mi diam, pretium non tincidunt in, sagittis in purus. Aliquam iaculis nunc mi, vel elementum elit feugiat a. Morbi euismod diam elit, ac maximus nibh mattis sit amet.
Praesent eu tellus nunc. Fusce id gravida massa, nec mattis magna. Mauris in libero ut dui efficitur pretium sed nec purus. Aenean vel rutrum massa, vel blandit lectus. Vestibulum vitae vehicula felis. Aliquam ut quam dictum, vulputate felis id, iaculis augue. Fusce finibus quam arcu, eget laoreet nibh pharetra ac. Duis euismod lorem quis massa condimentum, ac suscipit enim accumsan. Aenean rhoncus nec ipsum eu malesuada. Nunc nec vehicula eros, ac aliquam felis.
Nunc elementum justo odio, at porta lacus facilisis non. Quisque placerat lacinia nibh, laoreet pretium tortor porta vel. Maecenas quis lacinia augue. In porttitor neque bibendum consequat sagittis. Nunc consectetur erat quis nulla fermentum, malesuada tristique felis viverra. Mauris vehicula et ex sit amet dapibus. Mauris sit amet tellus vel quam volutpat condimentum at vel risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu ornare massa. Sed vel aliquam tortor. Sed interdum suscipit venenatis. Quisque sit amet fringilla diam. Donec tincidunt ante sit amet arcu fermentum pulvinar.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ex imperdiet magna dignissim porta in vel ipsum. Cras et lectus vel magna eleifend faucibus. Proin aliquam fermentum lacus, sit amet molestie ante aliquet nec. Nunc interdum, ante non lobortis feugiat, quam quam ornare nunc, tempus dictum neque odio sed augue. Suspendisse tincidunt tristique laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean condimentum est sit amet justo semper molestie. Integer placerat nulla id tortor molestie, sed laoreet est ornare. Morbi non velit nec purus accumsan commodo et sed nisi. Maecenas sit amet purus scelerisque neque luctus congue.
Nam consequat nunc neque, nec bibendum ante mollis nec. Cras porta ante a ex condimentum imperdiet. Cras vehicula velit in erat semper, sed bibendum ligula vehicula. Fusce hendrerit orci arcu, ut posuere dui volutpat at. Vivamus condimentum porttitor ultricies. Quisque at metus sit amet ipsum convallis lacinia. Nulla elementum ligula eget velit viverra condimentum. Vestibulum pulvinar enim mattis pharetra tristique. Donec hendrerit vitae lorem at malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a diam eu sem gravida ultrices.
Nam quis semper est. Vestibulum sodales tortor eget arcu varius, id venenatis leo sollicitudin. Suspendisse potenti. Duis elementum nibh eget felis elementum condimentum. Donec vestibulum augue dapibus, eleifend risus quis, placerat sapien. Maecenas eu gravida quam. Cras in faucibus nibh, quis pellentesque sapien. Aliquam congue venenatis dui, ut lobortis sem pulvinar pellentesque. Maecenas est ante, lacinia quis ultrices nec, varius sed leo. Maecenas ultrices erat tincidunt neque faucibus, eget auctor elit facilisis. Etiam mi diam, pretium non tincidunt in, sagittis in purus. Aliquam iaculis nunc mi, vel elementum elit feugiat a. Morbi euismod diam elit, ac maximus nibh mattis sit amet.
Praesent eu tellus nunc. Fusce id gravida massa, nec mattis magna. Mauris in libero ut dui efficitur pretium sed nec purus. Aenean vel rutrum massa, vel blandit lectus. Vestibulum vitae vehicula felis. Aliquam ut quam dictum, vulputate felis id, iaculis augue. Fusce finibus quam arcu, eget laoreet nibh pharetra ac. Duis euismod lorem quis massa condimentum, ac suscipit enim accumsan. Aenean rhoncus nec ipsum eu malesuada. Nunc nec vehicula eros, ac aliquam felis.
Nunc elementum justo odio, at porta lacus facilisis non. Quisque placerat lacinia nibh, laoreet pretium tortor porta vel. Maecenas quis lacinia augue. In porttitor neque bibendum consequat sagittis. Nunc consectetur erat quis nulla fermentum, malesuada tristique felis viverra. Mauris vehicula et ex sit amet dapibus. Mauris sit amet tellus vel quam volutpat condimentum at vel risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu ornare massa. Sed vel aliquam tortor. Sed interdum suscipit venenatis. Quisque sit amet fringilla diam. Donec tincidunt ante sit amet arcu fermentum pulvinar.

##### Tooltips and Popovers

##### Modal title

##### Popover in a modal

This button triggers a popover on click.

##### Tooltips in a modal

This link and that link have tooltips on hover.

##### Using the Grid

##### Modal title

.col-md-4
.col-md-4 .ml-auto
.col-md-3 .ml-auto
.col-md-2 .ml-auto
.col-md-6 .ml-auto
Level 1: .col-sm-9
Level 2: .col-8 .col-sm-6
Level 2: .col-4 .col-sm-6

##### Varying Modal Content

##### New message

Recipient:
Message:

##### Size

##### Modal title

...

##### Modal title

...

##### Right Modal

##### Add New

Title
Details
Category
Status
Completed

##### Left Modal

##### Add New

Title
Details
Category
Status
Completed