All Projects → laravelnews → Laravel Twbs4

laravelnews / Laravel Twbs4

Licence: mit
Laravel 5 frontend preset for Twitter Bootstrap 4

Projects that are alternatives of or similar to Laravel Twbs4

Employee Mgmt Laravel5.4 Adminlte
The project is using laravel 5.4 and adminlte
Stars: ✭ 141 (-40.51%)
Mutual labels:  laravel, bootstrap4
Borgert Cms
Borgert is a CMS Open Source created with Laravel Framework 5.6
Stars: ✭ 298 (+25.74%)
Mutual labels:  laravel, bootstrap4
Laravel Scaffold
The base for developing awesome projects
Stars: ✭ 142 (-40.08%)
Mutual labels:  laravel, bootstrap4
Laravel Form Components
A set of Blade components to rapidly build forms with Tailwind CSS (v1.0 and v2.0) and Bootstrap 4. Supports validation, model binding, default values, translations, Laravel Livewire, includes default vendor styling and fully customizable!
Stars: ✭ 295 (+24.47%)
Mutual labels:  laravel, bootstrap4
Laravel Vue Spa
SPA Boilerplate made with Laravel 5.6, Vue 2, Bootstrap 4, Vue-router 3, Vuex 3, Axios
Stars: ✭ 172 (-27.43%)
Mutual labels:  laravel, bootstrap4
Laravelmetatags
The most powerful and extendable tools for managing SEO Meta Tags in your Laravel project
Stars: ✭ 226 (-4.64%)
Mutual labels:  laravel
Onlinemall
⬆️ 基于springboot+thymeleaf+spring data jpa+druid+bootstrap+layui等技术的JavaWeb电商项目(项目包含前后台,分为前台商城系统及后台管理系统。前台商城系统包含首页门户、商品推荐、商品分类、商品搜索、商品展示、商品详情、购物车、订单流程、用户中心、评论(有些bug,当时做得不够好,下一个项目的评论模块比这个好)、模拟支付等模块。 后台管理系统包含商品管理、订单管理、用户管理等模块。系统介绍及详细功能点、技术点见项目内文档描述)☀️
Stars: ✭ 230 (-2.95%)
Mutual labels:  bootstrap4
Learn Laravel
Laravel 学习资料和开源项目集
Stars: ✭ 229 (-3.38%)
Mutual labels:  laravel
Laravel Book
Up to date Epub, Mobi and PDF versions from the official Laravel Docs
Stars: ✭ 221 (-6.75%)
Mutual labels:  laravel
Angular11 App
Angular 11 ,Bootstrap 5, Node.js, Express.js, CRUD REST API, PWA, SSR, SEO, Angular Universal, Lazy Loading, PostgreSQL, MYSQL
Stars: ✭ 233 (-1.69%)
Mutual labels:  bootstrap4
Forum
Ama Laravel? Torne se um Jedi e Ajude outros Padawans
Stars: ✭ 233 (-1.69%)
Mutual labels:  laravel
Laravel Docs
Laravel 中文文档
Stars: ✭ 231 (-2.53%)
Mutual labels:  laravel
Tomatoidc
TomatoIDC是一款以MIT协议开源主机销售系统,具备易于扩展的插件系统,模版系统,使用强大的Laravel框架进行驱动,能帮助你轻松的扩展主机销售业务。
Stars: ✭ 230 (-2.95%)
Mutual labels:  laravel
Laravel Gentelella
A Laravel 5.4 application with Gentelella bootstrap admin tempalte
Stars: ✭ 232 (-2.11%)
Mutual labels:  laravel
Laravel Stock
Keep stock for Eloquent models
Stars: ✭ 229 (-3.38%)
Mutual labels:  laravel
Laravel Comments
Add comments to your Laravel application
Stars: ✭ 234 (-1.27%)
Mutual labels:  laravel
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (-3.38%)
Mutual labels:  bootstrap4
Auth Tests
Always-current tests for Laravel's authentication system. Curated by the community.
Stars: ✭ 230 (-2.95%)
Mutual labels:  laravel
Laravelcs
Laravel PHP_CodeSniffer
Stars: ✭ 232 (-2.11%)
Mutual labels:  laravel
Laravel Query Monitor
Simple artisan command to monitoring triggered queries
Stars: ✭ 230 (-2.95%)
Mutual labels:  laravel

Laravel 5.5 Frontend Preset for Boostrap 4

Note: Laravel 5.6 includes Bootstrap 4, this preset is only needed for Laravel <= Laravel 5.5 LTS

If you are upgrading a Laravel <= 5.5 application, remove this preset (laravelnews/laravel-twbs4) from your composer.json file. Laravel 5.6 includes Bootstrap 4, and this preset isn't necessary.

A Laravel frontend preset for Bootstrap 4, the latest version of Bootstrap.

Current version is the stable release of ^4.0.0. To learn more about updating to the latest major release of Bootstrap, read the Migrating to v4 documentation.

Installation

You can install this package via composer:

composer require laravelnews/laravel-twbs4

The package will automatically register it's service provider.

Install the basic preset to only update the CSS and JavaScript files:

php artisan preset bootstrap4

Or if you want to install everything, including auth views:

php artisan preset bootstrap4-auth

Next, update NPM packages and build the CSS/JavaScript:

yarn && yarn dev

Or via NPM:

npm install && npm run dev

Important: Make sure you have a backup of your code. The presets update package.json, and replace views, CSS, and JavaScript.

jQuery Slim

Bootstrap's download page includes jQuery slim. If you need $.ajax, effects, and deprecated methods, you can change the following line in resources/assets/js/boostrap.js to use the full jQuery installation:

window.$ = window.jQuery = require('jquery/dist/jquery.slim');

With full jQuery:

// Full jQuery
window.$ = window.jQuery = require('jquery');

Variables

The Bootstrap 4 presets include the same familiar resources/assets/scss/_variables.scss file, with some updated values to match Bootstrap 4 variable changes. This preset looks similar to the current 3.x version that ships with Laravel, but isn't identical.

Here are the variables ported over thus far:

// Body
$body-bg: #fff;

// Borders
$laravel-border-color: darken($body-bg, 10%);
$list-group-border-color: $laravel-border-color;

$card-border-color: $laravel-border-color;

// Brands
$primary: #3097D1;
$info: #8eb4cb;
$success: #2ab27b;
$warning: #cbb956;
$danger: #bf5329;

// Typography
$font-family-sans-serif: "Raleway", sans-serif;
$font-size-base: .875rem; // 14px
$line-height-base: 1.6;
$text-color: #636b6f;

// Inputs
$input-border-color: lighten($text-color, 40%);
$input-placeholder-color: lighten($text-color, 30%);

Screenshots

Login

Register

Register

License

The MIT License (MIT). See License File for more information.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].