Pinned Repositories
adminlte-laravel
A Laravel 5 package that switchs default Laravel scaffolding/boilerplate to AdminLTE template and Pratt Landing Page with Bootstrap 3.0
bootstrap-hover-dropdown
An unofficial Bootstrap plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.
bootstrap-templates
A collection of free Bootstrap 5 templates.
bootstrap-toggle-buttons
Bootstrap-toggle-buttons has moved to https://github.com/nostalgiaz/bootstrap-switch
material-design-for-bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
mdb-angular-ui-kit
Angular 18 & Bootstrap 5 & Material Design UI KIT
mdb-react-ui-kit
React 18 & Bootstrap 5 & Material Design 2.0 UI KIT
mdb-ui-kit
Bootstrap 5 & Material Design UI KIT
mdb-vue-ui-kit
Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
TW-Elements
𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎
MDBootstrap's Repositories
mdbootstrap/Admin-Dashboard-Template-Vue-Bootstrap
Admin Template for Material Design for Vue Bootstrap.
mdbootstrap/MDB-Angular-PWA
MDB Angular Progressive Web App Tutorial application
mdbootstrap/MDB5-Blog-tutorial
MDB5 Blog tutorial. Access more Web Development tutorials via the link below
mdbootstrap/MDB-Vue-Nuxt-Boilerplate
A MDB Vue & Nuxt.js quick start boilerplate
mdbootstrap/mdb-angular-contact-form
Contact form with Material Design Angular frontend and Node backend.
mdbootstrap/MDB-Vue-Laravel-Boilerplate
An MDB Vue & Laravel quick start boilerplate
mdbootstrap/wordpress-blog
mdbootstrap/bootstrap-responsive-table
Tables allow you to aggregate a huge amount of data and present it in a clear and orderly way. Responsive tables allow tables to be scrolled horizontally with ease.
mdbootstrap/node-chat-app
Create a Facebook chat app using Node.js and publish it directly from the console using MDB CLI.
mdbootstrap/php-contact-form
Create a Contact form in PHP and publish it directly from the console using MDB CLI.
mdbootstrap/php-newsletter
Create a Newsletter in PHP and publish it directly from the console using MDB CLI.
mdbootstrap/bootstrap-add-space-between-columns
Learn how to add space between columns in Bootstrap use gutter classes. With gutters you can add horizontal or vertical space or even specify how big space should be on different screen size.
mdbootstrap/bootstrap-how-to-center-button
Learn how to center a button by adding class .text-center to the parent div to align any item inside to the center.
mdbootstrap/wordpress-blog-and-ecommerce
mdbootstrap/wordpress-ecommerce
A stunning collection of WordPress backend templates
mdbootstrap/bootstrap-column-center
Learn how to center the column horizontally or vertically use Flexbox utilities. by adding .d-flex .justify-content-center classes to the parent element of the column to center it horizontally.
mdbootstrap/bootstrap-how-many-columns
Bootstrap’s 5 grid system uses a series of containers, rows, and columns to layout and align content. Learn how many columns are in Bootstrap.
mdbootstrap/bootstrap-how-to-add-footer
Learn how you can simply add Footer to your Bootstrap 5 project by using these predefined templates.
mdbootstrap/bootstrap-how-to-add-padding
Learn how to add padding in Bootstrap that includes a wide range of shorthand responsive padding utility classes to modify an element’s appearance.
mdbootstrap/bootstrap-how-to-center-navbar
Learn how to center bootstrap navbar horizontally by using flexbox utilities.
mdbootstrap/bootstrap-how-to-center-text
Learn how to center text in Bootstrap by adding class .text-center to the parent div to align text or any item inside to the center.
mdbootstrap/bootstrap-how-to-change-background-color
Learn how to change background color in Bootstrap by using .bg-* color classes.
mdbootstrap/bootstrap-how-to-change-navbar-color
Learn how to change navbar color by choosing .navbar-light for use with light background colors, or .navbar-dark for dark background colors. Then, customize with utilities.
mdbootstrap/bootstrap-how-to-close-modal
Learn how to close modal in Bootstrap choosing one of a few ways: click on a backdrop, close icon, or close button. You can also use JavaScript hide method.
mdbootstrap/bootstrap-how-to-use-flexbox
Learn how to apply display utilities to create a flexbox container and transform direct children elements into flex items.
mdbootstrap/bootstrap-make-5-columns
Bootstrap 5 grid is a powerful system for building mobile-first layouts. Make 5 columns in Bootstrap grid and center it with flexbox utilities.
mdbootstrap/bootstrap-responsive-image
Examples for opting images into responsive behavior and add lightweight styles to them. Free for personal & commercial use.
mdbootstrap/bootstrap-responsive-text
mdbootstrap/bootstrap-transparent-navbar
Examples for powerful, responsive, transparent navigation header - MDB transparent navbar. Free for personal & commercial use.
mdbootstrap/check-bootstrap-version
To check version of the Bootstrap open /css/bootstrap.css file and on the top of this file, there is a version number.