USA
Elements
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Circle Charts
Line Of Code
Cups Of Coffee
Fineshed Projects
Changed Line Width
Line Of Code
Cups Of Coffee
Fineshed Projects
Changed Size
Fineshed Projects
Line Of Code
Cups Of Coffee
Default Modals
Below is a static modal example (meaning its position and display have been overridden). Included are the modal header, modal body (required for padding), and modal footer (optional). We ask that you include modal headers with dismiss actions whenever possible, or provide another explicit dismiss action.
Scrolling long content
When modals become too long for the user’s viewport or device, they scroll independent of the page itself. Try the demo below to see what we mean.
Tooltips and popovers
Tooltips and popovers can be placed within modals as needed. When modals are closed, any tooltips and popovers within are also automatically dismissed.
Using the grid
Utilize the Bootstrap grid system within a modal by nesting .container-fluid within the .modal-body. Then, use the normal grid system classes as you would anywhere else.
Custom Image Frame with Border
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur.
Custom Image Frame with Glow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla. Aenean id felis sed ligula volutpat consectetur.
Custom Image Frame with Shadow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse viverra mauris eget tortor imperdiet vehicula. Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi tortor. Etiam at mauris sit amet magna suscipit hendrerit non sed ligula. Vivamus purus odio, mollis ut sagittis vel, feugiat et nulla.
Counters
Line Of Code
Cups Of Coffee
Counters Width Icon
Line Of Code
Cups Of Coffee
Fineshed Projects
Standard Image Post
5 CommentsLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum, libero eu rutrum feugiat, urna orci porta, Lorem ipsum dolor sit amet, consectetur adipiscing elit
Read MoreFull Width Media Post
2 CommentsLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum, libero eu rutrum feugiat, urna orci porta, Lorem ipsum dolor sit amet, consectetur adipiscing elit
Read More