J1 Template supports a large set of advanced Bootstrap Modals that add dialogs to your web pages for user notifications. The advanced Modals highlight important information to your visitors. The dialogs are positioned over everything else in the document so that messages get the full user’s attention.
10-15 Minutes to read
Modal Examples
Improve your reader’s experience with important information that be noticed. Modals are a great choice to bring the user’s attention. Using the J1 Template enhanced modal styles, emotional weight is added to the information displayed. Ranging from an info level, a simple warning to critical messages.
| For more information on how to use Bootstrap’s JavaScript modal plugin, refer to: Bootstrap Docs. |
| Postion | Class | Example |
|---|---|---|
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
|
What next
Bootstrap is a helpful framework that offers a complete set of styles in the current V5 version to create excellent responsive designs. In the sense that all can be improved, the responsive tables supported by Bootstrap needs some enhancement to display tables on low-resolution devices or smaller window sizes better.
The Theme Jekyll One supports a new design for responsive tables but based on Bootstrap. The approach used by J1 Template is based on CSS styles on top of the classic Bootstrap tags for simplicity and portability to be viewed best on all devices and browsers. Responsive tables help to read this important information on mobiles a lot. This feature is what is meant to be fully responsive!
Check out from here what the Responsive Tables can do!