Sunday, April 9, 2017

css properties of Bootstrap sass does not work on laravel 5.4

I wan't to use Twitter Bootstrap properties in Laravel 5.4, but it does not work even when I import bootstrap sass in layout. for example, I want to use the <div class="row"> or <div class="well"> property of Twitter Bootstrap, It does not work!

My layout.blade.php file:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>
    <link rel="stylesheet" href="">

 <section class="container">
 This is in Layout

 @yield('content')

  </section>


  </body>
</html>

This is my another view page that i use @section('content').

@extends('layout')

@section('content')
<div class="row">
    <div class="col-md-6 col-md-offset-3">
        <legend><h1></h1></legend>
        <h3></h3>
        <br>
        <ul class="list-group">
            @foreach($card->notes as $note)
                <li></li>
            @endforeach
        </ul>
    </div>
</div>
@stop

And this my app.scss in the resources\assets\sass\ folder that i Import Bootstrap sass.

// Fonts
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);

// Variables
@import "variables";

// Bootstrap
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

I installed Bootstrap sass with node and even compile it. There is no problem. but in browser the properties of Twitter Bootstrap does not work.

My OS is Windows 10 64bit.



via Yasin Rahmani
Labels: ,

Advertisement