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:
REJack
2019-08-26 10:38:07 +02:00
parent 6b683b1d94
commit e8b6ff4e56
2 changed files with 325 additions and 2 deletions

View File

@@ -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-*`