File Structure
Material Dashboard Laravel is a Bootstrap 4 Admin Template.
Material Dashboard Laravel Structure
Once you have downloaded the archive and opened it, you will find the following structure:
+---app
| +---Http
| | +---Controllers
| | | HomeController.php
| | | ProfileController.php
| | | UserController.php
| | |
| | \---Requests
| | PasswordRequest.php
| | ProfileRequest.php
| | UserRequest.php
| |
| \---Rules
| CurrentPasswordCheckRule.php
|
+---database
| \---seeds
| DatabaseSeeder.php
| UsersTableSeeder.php
|
\---resources
+---assets
| +---css
| | material-dashboard-rtl.css
| | material-dashboard.css
| | material-dashboard.css.map
| | material-dashboard.min.css
| |
| +---demo
| | demo.css
| | demo.js
| |
| +---img
| +---js
| | | material-dashboard.js
| | | material-dashboard.js.map
| | | material-dashboard.min.js
| | | settings.js
| | |
| | +---core
| | | bootstrap-material-design.min.js
| | | jquery.min.js
| | | popper.min.js
| | |
| | \---plugins
| | arrive.min.js
| | bootstrap-datetimepicker.min.js
| | bootstrap-notify.js
| | bootstrap-selectpicker.js
| | bootstrap-tagsinput.js
| | chartist.min.js
| | fullcalendar.min.js
| | jasny-bootstrap.min.js
| | jquery-jvectormap.js
| | jquery.bootstrap-wizard.js
| | jquery.dataTables.min.js
| | jquery.tagsinput.js
| | jquery.validate.min.js
| | moment.min.js
| | nouislider.min.js
| | perfect-scrollbar.jquery.min.js
| | sweetalert2.js
| |
| \---scss
| | material-dashboard.scss
| |
| \---material-dashboard
| | _alerts.scss
| | _buttons.scss
| | _cards.scss
| | _checkboxes.scss
| | _core-bootstrap.scss
| | _dropdown.scss
| | _example-pages.scss
| | _fixed-plugin.scss
| | _footers.scss
| | _forms.scss
| | _headers.scss
| | _images.scss
| | _info-areas.scss
| | _input-group.scss
| | _misc.scss
| | _mixins.scss
| | _navbar.scss
| | _popover.scss
| | _popups.scss
| | _radios.scss
| | _responsive.scss
| | _ripples.scss
| | _sidebar-and-main-panel.scss
| | _social-buttons.scss
| | _tables.scss
| | _tabs.scss
| | _togglebutton.scss
| | _tooltip.scss
| | _type.scss
| | _variables.scss
| |
| +---bootstrap
| | \---scss
| | | bootstrap-grid.scss
| | | bootstrap-reboot.scss
| | | bootstrap.scss
| | | _alert.scss
| | | _badge.scss
| | | _breadcrumb.scss
| | | _button-group.scss
| | | _buttons.scss
| | | _card.scss
| | | _carousel.scss
| | | _close.scss
| | | _code.scss
| | | _custom-forms.scss
| | | _dropdown.scss
| | | _forms.scss
| | | _functions.scss
| | | _grid.scss
| | | _images.scss
| | | _input-group.scss
| | | _jumbotron.scss
| | | _list-group.scss
| | | _media.scss
| | | _mixins.scss
| | | _modal.scss
| | | _nav.scss
| | | _navbar.scss
| | | _pagination.scss
| | | _popover.scss
| | | _print.scss
| | | _progress.scss
| | | _reboot.scss
| | | _root.scss
| | | _tables.scss
| | | _tooltip.scss
| | | _transitions.scss
| | | _type.scss
| | | _utilities.scss
| | | _variables.scss
| | |
| | +---mixins
| | | _alert.scss
| | | _background-variant.scss
| | | _badge.scss
| | | _border-radius.scss
| | | _box-shadow.scss
| | | _breakpoints.scss
| | | _buttons.scss
| | | _caret.scss
| | | _clearfix.scss
| | | _float.scss
| | | _forms.scss
| | | _gradients.scss
| | | _grid-framework.scss
| | | _grid.scss
| | | _hover.scss
| | | _image.scss
| | | _list-group.scss
| | | _lists.scss
| | | _nav-divider.scss
| | | _navbar-align.scss
| | | _pagination.scss
| | | _reset-text.scss
| | | _resize.scss
| | | _screen-reader.scss
| | | _size.scss
| | | _table-row.scss
| | | _text-emphasis.scss
| | | _text-hide.scss
| | | _text-truncate.scss
| | | _transition.scss
| | | _visibility.scss
| | |
| | \---utilities
| | _align.scss
| | _background.scss
| | _borders.scss
| | _clearfix.scss
| | _display.scss
| | _embed.scss
| | _flex.scss
| | _float.scss
| | _position.scss
| | _screenreaders.scss
| | _sizing.scss
| | _spacing.scss
| | _text.scss
| | _visibility.scss
| |
| +---cards
| | _card-plain.scss
| | _card-profile.scss
| | _card-stats.scss
| |
| +---mixins
| | _alert.scss
| | _animations.scss
| | _breakpoints.scss
| | _buttons.scss
| | _chartist.scss
| | _colored-shadows.scss
| | _drawer.scss
| | _forms.scss
| | _hover.scss
| | _layout.scss
| | _navbar-colors.scss
| | _navs.scss
| | _sidebar-color.scss
| | _transparency.scss
| | _type.scss
| | _utilities.scss
| | _variables.scss
| | _vendor-prefixes.scss
| |
| +---plugins
| | _animate.scss
| | _chartist.scss
| | _perfect-scrollbar.scss
| |
| \---variables
| _body.scss
| _bootstrap-material-design-base.scss
| _bootstrap-material-design.scss
| _brand.scss
| _buttons.scss
| _card.scss
| _code.scss
| _colors-map.scss
| _colors.scss
| _custom-forms.scss
| _drawer.scss
| _dropdown.scss
| _forms.scss
| _layout.scss
| _list-group.scss
| _menu.scss
| _modals.scss
| _nav.scss
| _pagination.scss
| _shadow.scss
| _snackbar.scss
| _spacing.scss
| _state.scss
| _tables.scss
| _tooltip.scss
| _type.scss
|
\---views
| dashboard.blade.php
| home.blade.php
| welcome.blade.php
|
+---auth
| | login.blade.php
| | register.blade.php
| | verify.blade.php
| |
| \---passwords
| email.blade.php
| reset.blade.php
|
+---layouts
| | app.blade.php
| |
| +---footers
| | auth.blade.php
| | guest.blade.php
| |
| +---navbars
| | | sidebar.blade.php
| | |
| | \---navs
| | auth.blade.php
| | guest.blade.php
| |
| \---page_templates
| auth.blade.php
| guest.blade.php
|
+---pages
| icons.blade.php
| language.blade.php
| map.blade.php
| notifications.blade.php
| table_list.blade.php
| typography.blade.php
| upgrade.blade.php
|
+---profile
| edit.blade.php
|
\---users
index.blade.php
Restyled Components
Here is the list of Bootstrap 4 components that were restyled in Material Dashboard Pro Laravel:
- Buttons
- Cards
- Inputs
- Select
- Textarea
- Menu
- Dropdown
- Progress Bars
- Navigation Menu
- Pagination
- Labels
- Notifications
- Typography
- Images
- Tables
- Tooltips
- Popovers
- Modal
New Components
Besides giving the existing Bootstrap elements a new look, we added new ones, so that the interface and consistent and homogenous. Going through them, we added:
- Charts
- Checkboxes
- Footers
- Google Maps
- jVector Maps
- jQuery Maps
- Bootstrap Tables
- DataTables.net
- Maps
- Panels
- Radio Buttons
- Sliders
- Sweet Alert
- Sidebar
- Tags
- Wizard
- Toggle Buttons
- Datetimepicker
- Nucleo Icons
- File Uploader
- New Modals