Laravel setup boostrap templete || DN-SPACE

Laravel

Laravel setup boostrap templete

To set up a Laravel project with Bootstrap, you can follow these steps:

Create a project, If you don't know, How to create a project in Laravel see my last tutorial Link https://dnspaceindia.in/laravel/how-to-install-laravel-using-composer

See The File Structure

and my template folder is

Now we are creating two folders first for web and 2nd for admin.

goto resources->view

Put all html files under view->web folder

rename file name HTML to php (index.blade.php)

Now Questions where we will put CSS or js

under public folder, creating two folders first for the web and 2nd for admin

we will put all CSS, js, and images folders under public->web

after that, we have to need a separate header and footer

for the header and footer, we are creating a layout folder under resources->view->web->layout

here create 3 files

1. header.blade.php
2. main.blade.php
3. footer.blade.php

open main.blade.php

and write code

@include('web.layout.header');
@yield('main-content');
@include('web.layout.header');

after that cut and paste the header footer code and place it into the header-footer page.

Now see carefully

Write code into all of the pages

Note <?PHP ><?> Not Needed

@extends('web.layout.main');

@section('main-content');

Your Index or about or gallery etc Pages Content is here

@endsection

Create a Controllers file You can write manually but I am using terminal
app-->Http-->Controllers

Goto your controller pages and create a function look like this

namespace App\Http\Controllers\web;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;

class SingleController extends Controller
{
public function index(){

}
}

after that go to web.php (resources-->routers-->web.php)

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\web\HomeController;
use App\Http\Controllers\web\GalleryController;
use App\Http\Controllers\web\ContactController;
use App\Http\Controllers\web\AppointmentController;
use App\Http\Controllers\web\AboutController;
use App\Http\Controllers\web\SingleController;

Route::get('/',[HomeController::class,'index']);

here we call the index function

now change the index function from HomeController

class HomeControler extends Controller
{
public function index(){
return view('web.index')
}
}

Note For CSS, js, and image

change path ...