docs updates
- added part for fixed navbar/footer incl. the responsive classes - added anchor info for fixed navbar - added .dropdown-menu-lg/-xl info in main-header docs - added custom plugin colors in layout colors part - custom-range - custom-switch - bootstrap slider - icheck-bootstrap
This commit is contained in:
@@ -24,12 +24,27 @@ AdminLTE 3.0 provides a set of options to apply to your main layout. Each one of
|
||||
|
||||
|
||||
- Fixed Sidebar: use the class `.layout-fixed` to get a fixed sidebar.
|
||||
- Fixed Navbar: use the class `.layout-navbar-fixed` to get a navbar navbar.
|
||||
- Fixed Footer: use the class `.layout-footer-fixed` to get a navbar footer.
|
||||
- Fixed Navbar: use the class `.layout-navbar-fixed` to get a fixed navbar.
|
||||
- Fixed Footer: use the class `.layout-footer-fixed` to get a fixed footer.
|
||||
- Collapsed Sidebar: use the class `.sidebar-collapse` to have a collapsed sidebar upon loading.
|
||||
- Boxed Layout: use the class `.layout-boxed` to get a boxed layout that stretches only to 1250px.
|
||||
- Top Navigation: use the class `.layout-top-nav` to remove the sidebar and have your links at the top navbar.
|
||||
|
||||
|
||||
##### Responsive Variations
|
||||
You can also use the following classes for responsive changes with placing
|
||||
- Fixed Navbar:
|
||||
- use the class `.layout-*-navbar-fixed` to get a fixed navbar.
|
||||
- use the class `.layout-*-navbar-not-fixed` to get a not fixed navbar.
|
||||
- Fixed Footer:
|
||||
- use the class `.layout-*-footer-fixed` to get a fixed footer.
|
||||
- use the class `.layout-*-footer-not-fixed` to get a not fixed footer.
|
||||
|
||||
> ##### Tip!
|
||||
> If you want to use anchors with a fixed navbar, you need to add `.anchor` to you hidden anchor, e.g. `<a id="testAnchor" class="anchor"></a>`.
|
||||
{: .quote-info}
|
||||
|
||||
|
||||
#### Color Variations
|
||||
|
||||
AdminLTE 3.0 provides a set of color variations to apply to your sidebar (light & dark) & navbar. You can combine any available color with these class prefixes:
|
||||
@@ -81,3 +96,18 @@ The following colors are available:
|
||||
> You can use these color variations even with `.text-*`, `.bg-*` & much more.
|
||||
{: .quote-info}
|
||||
|
||||
|
||||
##### Custom Range / Switch
|
||||
For custom colored custom-range you can add this classes:
|
||||
- `.custom-range-*`
|
||||
|
||||
For custom colored custom-switch you can add this classes:
|
||||
- `.custom-switch-off-*` (for custom switch off)
|
||||
- `.custom-switch-on-*` (for custom switch on)
|
||||
|
||||
##### Plugin Support
|
||||
You can use the all the colors above with these plugins:
|
||||
- Bootstrap Slider
|
||||
- `.slider-*` (wrapped around the slider)
|
||||
- iCheck-Bootstrap
|
||||
- `.icheck-*`
|
||||
|
||||
Reference in New Issue
Block a user