Since all components have been created in the Template Engine Blade, it is no longer necessary to edit completly HTML of component of Bootstrap. This saves a lot of time in development. If you still want to change the component, you only have to do this in one file and not in the whole project. All changes are automatically transferred throughout the project. Bootstrap updates will no longer be a problem for you. All new features are automatically updated. You just have to install the latest version of LBC and your project is up to date.
Convince yourself and look here: Examples
composer require shawnsandy/img-fly composer require riverskies/laravel-mobile-detect npm i vanilla-lazyload npm i prismjs
resources/assets/sass/app.scssafter the bootstrap.scss import.
// Images resize use App\ShawnSandy\Classes\ImgflyFacade; Imgfly::routes(); // LBC basics App\Lbc\LaravelBootstrapComponents::init(); // abc.com/lbc If you want to have the docs for it App\Lbc\LaravelBootstrapComponents::initDocs();
npm run productionand finish
<picture> <source media="(min-width: 768px) srcset="images/examples/example-1024.jpg" data-srcset="images/examples/example-1024.jpg"> <source media="(max-width: 768px)" srcset="images/examples/example-100.jpg" data-srcset="images/examples/example-100.jpg"> <img class="img-fluid mb-3 loaded" src="images/examples/example-100.jpg" alt="Image" data-lazy="true" width="100" height="100" data-src="https://via.placeholder.com/255" data-was-processed="true"> </picture>