![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>](https://image.slidesharecdn.com/20-190526111242/85/20-sablon-bootstrap-laravel-5-320.jpg)
![<!-- 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>](https://image.slidesharecdn.com/20-190526111242/85/20-sablon-bootstrap-laravel-6-320.jpg)
Uploaded byRazvan Raducanu, PhD
20.sablon bootstrap laravel
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.
20.sablon bootstrap laravel
- 1. Integrarea unui sablon Bootstrapin Laravel5
- 2. • Consideram sablonulbootstrap: 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 coreCSS --> <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> <linkrel="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 --> <divclass="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>
- 8.