How can i integrate mdbootstrap in laravel 5.4

Topic: How can i integrate mdbootstrap in laravel 5.4

badjina pro asked 6 years ago

Hi, I tried to integrate mdbootstrap in laravel 5.4 but without success. in the first time, i used webpack but mdb don't support it then i used normal links but without success. somebody can help me plz?

Add comment

Rafał Rogulski free answered 6 years ago

0 0 Best answer

Hello,

The easiest way to integret Material Design for Bootstrap is to links files to page.

1.Preper place to MDB flise in <code>/public</code> file. (in my case <code>/public/mdb</code>)
2.From the MDB pack export foldes: css, fonts, img, js, mdb-addons to earley preper folder.
3.In the main blade template. You can chceck that in <code>/routes/web.php</code>.
<pre><code>You must find Router::get('/', function() {
    return view('[here is you main file without .blade.php]');
}</code></pre>

4. Open this file in editor and add belowe links on the end head section 
    <link href="/mdb/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="/mdb/css/mdb.css" rel="stylesheet" type="text/css">
5. Also add js file on the end body sections
    <script type="text/javascript" src="/mdb/js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="/mdb/js/tether.min.js"></script>
    <script type="text/javascript" src="/mdb/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/mdb/js/mdb.min.js"></script>

Please insert min. 20 characters.

Hello, The easiest way to integret Material Design for Bootstrap is to links files to page. 1.Preper place to MDB flise in /public file. (in my case /public/mdb) 2.From the MDB pack export foldes: css, fonts, img, js, mdb-addons to earley preper folder. 3.In the main blade template. You can chceck that in /routes/web.php.

You must find Router::get('/', function() {
    return view('[here is you main file without .blade.php]');
}

4. Open this file in editor and add belowe links on the end head section <link href="/mdb/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="/mdb/css/mdb.css" rel="stylesheet" type="text/css"> 5. Also add js file on the end body sections <script type="text/javascript" src="/mdb/js/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="/mdb/js/tether.min.js"></script> <script type="text/javascript" src="/mdb/js/bootstrap.min.js"></script> <script type="text/javascript" src="/mdb/js/mdb.min.js"></script>

Majed Belghith free commented 5 years ago

Hello, what about /sass file ?

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

User: Pro
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

badjina

Pro User 12Support score
2Questions 1Answers 0Snippets