20.sablon bootstrap laravel
•
0 likes•78 views
The document discusses how to integrate a Bootstrap template into a Laravel 5 project. It describes copying the HTML and file structure of the Bootstrap template into the Laravel project. It also explains how to modify file paths in the views to link to the correct style sheets, JavaScript, and image files from the new template folder. This will allow developers to build on top of an existing Bootstrap template to create a Laravel application.
Recommended
More Related Content
What's hot
What's hot (12)
Similar to 20.sablon bootstrap laravel
Similar to 20.sablon bootstrap laravel (20)
More from Razvan Raducanu, PhD
More from Razvan Raducanu, PhD (20)
Recently uploaded
Recently uploaded (20)
20.sablon bootstrap laravel
- 1. Integrarea unui sablon Bootstrap in Laravel5
- 2. • Consideram sablonul bootstrap: http://startbootstrap.com/template-overviews/landing-page/ Acesta are cateva directoare si un fisier index.html. Copiem cotinutul fisierului index.html si il suprascriem peste vederea implicita ‚welcome.blade.php‘ a proiectului Laravel. Cream un director ‚theme‘ in directorul ‚Source Files‘. In acest director copiem toate directoarele din sablonul dorit. Apoi editam link-urile catre stiluri, js-uri si imagini (din vederea welcome) astfel:
- 3. <!-- Bootstrap core CSS --> <link href="../theme/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="../theme/css/landing-page.min.css" rel="stylesheet"> <!-- Custom fonts for this template --> <link href="../theme/vendor/font-awesome/css/font- awesome.min.css" rel="stylesheet" type="text/css"> <link href="../themevendor/simple-line-icons/css/simple-line- icons.css" rel="stylesheet" type="text/css"> ................................
- 4. master.blade.php <!doctype html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <meta charset="utf-8"> <title>Laravel</title> </head> <body> <div class="container"> <div class="row"> <div class="col-lg-8"> @yield('content') </div> </div> </div> </body> </html>
- 5. home.blade.php @extends('master') @section('content') <div class="well"> {!! Form::open(['url' => '/processform', 'class' => 'form-horizontal']) !!} <fieldset> <legend>Legend</legend> <!-- Email --> <div class="form-group"> {!! Form::label('user', 'Username:', ['class' => 'col-lg-2 control-label']) !!} <div class="col-lg-4"> {!! Form::text('email', $value = null, ['class' => 'form-control', 'placeholder' => 'username']) !!} </div> </div>
- 6. <!-- Password --> <div class="form-group"> {!! Form::label('password', 'Password:', ['class' => 'col-lg-2 control-label']) !!} <div class="col-lg-4"> {!! Form::password('password',['class' => 'form-control', 'placeholder' => 'Password', 'type' => 'password']) !!} <div class="checkbox"> {!! Form::label('checkbox', 'Remember Me') !!} {!! Form::checkbox('checkbox') !!} </div> </div> </div> <!-- Submit Button --> <div class="form-group"> <div class="col-lg-4 col-lg-offset-2"> {!! Form::submit('Submit', ['class' => 'btn btn-lg btn-info pull-right'] ) !!} </div> </div> </fieldset> {!! Form::close() !!} </div>