how to link bootstrap and external css into laravel 5.3?

Question

i try to add bootstrap and external css file into my laravel project using two methods

<link rel="stylesheet" href="../../assets/css/scrolling-nav.css">

                                 and
<link rel="stylesheet" href="{{ URL::asset('css/scrolling-nav.css') }}" />

both way but it shows error on console. my directory structure is as shown in image please help me get out from this problem.

place your files in public folder then try..

Hikmat Sijapati
– Hikmat Sijapati

2016-12-26 08:20:27 +00:00
Commented Dec 26, 2016 at 8:20 — Hikmat Sijapati
– Hikmat Sijapati, Commented Dec 26, 2016 at 8:20

Hikmat Sijapati · Accepted Answer · 2016-12-26 08:24:32Z

3

Always place your js/css files in public folder.In your case try like this.Make whole copy of assets folder inside public folder..

For Stylesheet..

 <link rel="stylesheet" type="text/css" href="{{url('assets/css/bootstrap.min.css')}}"/>

And For JS file..

<script src="{{url('assets/js/components/bootstrap.js')}}"></script>

answered Dec 26, 2016 at 8:24

Hikmat Sijapati

6,9691 gold badge11 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

HirenMangukiya Over a year ago

that was my mistake

Alexey Mezenin · Accepted Answer · 2016-12-26 09:01:14Z

0

Usually you're keeping app assets in resources/assets directory and using Elixir to concatinate, minify and copy assets to a public directory.

If you're not familiar with Elixir and Gulp, you can just put your assets to a public directory and load them with:

<link rel="stylesheet" href="{{ asset('css/scrolling-nav.css' }}">

answered Dec 26, 2016 at 9:01

Alexey Mezenin

164k27 gold badges309 silver badges287 bronze badges

Collectives™ on Stack Overflow

how to link bootstrap and external css into laravel 5.3?

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related