php-laravelHow can I use Bootstrap with Laravel in PHP?
To use Bootstrap with Laravel in PHP, you can include the Bootstrap CSS and JavaScript files into your project. You can do this by adding the following code to your <head> tag:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>You can also use Laravel Mix, a wrapper around Webpack, to compile your Sass files into CSS and your JavaScript files into a single file. To do this, first install the laravel-mix package:
npm install laravel-mix --save-devThen, create a webpack.mix.js file in the root of your project and add the following code:
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');Finally, run the following command to compile your files:
npm run devParts of Code:
-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">- This code adds the Bootstrap CSS file into your project. -
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>- This code adds the Bootstrap JavaScript file into your project. -
npm install laravel-mix --save-dev- This command installs the laravel-mix package, which is a wrapper around Webpack. -
const mix = require('laravel-mix');- This code adds the laravel-mix package into your project. -
mix.js('resources/js/app.js', 'public/js')- This code compiles your JavaScript files into a single file. -
mix.sass('resources/sass/app.scss', 'public/css');- This code compiles your Sass files into CSS. -
npm run dev- This command compiles your files.
Helpful links
More of Php Laravel
- How can I use the PHP Zipstream library in a Laravel project?
- How can I use the @yield directive in PHP Laravel?
- How do I set up a .gitlab-ci.yml file for a Laravel project using PHP?
- How can I use React with PHP Laravel?
- ¿Cómo configurar PHP y Laravel desde cero?
- How do I set up a Laravel worker using PHP?
- How do I configure Xdebug in the php.ini file for a Laravel project?
- How can I convert JSON data to XML using PHP Laravel?
- How do I set up a Laravel project with XAMPP on a Windows machine?
- How can I use PHP XLSXWriter with Laravel?
See more codes...