Laravel public CSS stylesheet

Question

I'm using this code to include my public style sheets:

<!DOCTYPE html>
<html>
    <head>
        <title>Laravel</title>
        <link rel="stylesheet" href="{{ asset('css/c_bootstrap.css') }}">
        <link rel="stylesheet" href="{{ asset('css/style_x.css') }}"  />
        <link rel="stylesheet" href="{{ asset('css/sb-admin.css') }}" />
    </head>
    <body>
        <!-- navbar -->
        @include ('layout.navbar')

        <div class="container">
            <div class="content">
            	@yield('content')
            </div>
        </div>
    </body>
</html>

In the view page source:

when i click on it i get this:

so it really looks like it works. However, it's just the error CSS from Laravel error page:

so what's the mistake I'm doing here?

my folder:

|- public
|-|--- assets
|-|---|--- css
|-|---|---|--- c_bootstrap.css
|-|---|---|--- s.css
|-|---|---|--- sb-admin.css

have you tried this asset('assets/css/c_bootstrap.css') something like that for other files too? — Naveed Ali
– Naveed Ali, Commented Nov 6, 2018 at 6:32
doesnt work, the router doesnt allow to access files becasue its somehow trying to parse the url. im very new to laravel, im trying to put css directly to public not compile it. — Hasan alattar
– Hasan alattar, Commented Nov 6, 2018 at 6:43

Bonish Koirala · Accepted Answer · 2018-11-06 06:32:24Z

5

Try this for your css

<link rel="stylesheet" href="{{ asset('assets/css/c_bootstrap.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/style_x.css') }}" /> <link rel="stylesheet" href="{{ asset('assets/css/sb-admin.css') }}" />

answered Nov 6, 2018 at 6:32

Bonish Koirala

6518 silver badges16 bronze badges

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

Comments

Hasan alattar · Accepted Answer · 2018-11-06 08:09:40Z

1

the problem was in .htaccess file

original:

Options +SymLinksIfOwnerMatch

RewriteEngine On
RewriteRule ^ index.php [L]

and after i edit it:

Options +SymLinksIfOwnerMatch

RewriteEngine On
#RewriteRule ^ index.php [L]
RewriteRule ^(.*)$ public/$1 [L]

my blade layout include must have assets:

    <link href="{{ asset('assets/css/c_bootstrap.css') }}" media="all" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/style_x.css') }}" media="all" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/sb-admin.css') }}" media="all" rel="stylesheet" type="text/css" />

Extra for asset function:

most of document online using asset function without including 'assets' in the path, I'm beginner in Laravel but i assume it calls the asset function in Routing: Illuminate/Routing/UrlGenerator.php#L202 in which i cant see where it append 'assets' in the url, so maybe they changed the function? i dont know

edited Nov 6, 2018 at 8:09

answered Nov 6, 2018 at 7:45

Hasan alattar

3394 silver badges20 bronze badges

2 Comments

Travis Britz Over a year ago

If this was your solution, then it indicates the DocumentRoot is misconfigured for Apache. The document root for a Laravel project should be the public/ folder, otherwise you may be unintentionally exposing sensitive configuration files, logs, uploads, etc. to the internet.

Hasan alattar Over a year ago

its not in public because it was in some folder because the project was in subdomain .. the apache config files in /etc was right, but .htaccess misconfigured..

Madhuri Patel · Accepted Answer · 2018-11-06 07:19:00Z

0

Place your assets in public directory and use the following to integrate css in laravel:

<link rel="stylesheet" href="{{ URL::asset('css/somestylesheet.css') }}" />

or

<link rel="stylesheet" type="text/css" href="{{ URL::to('css/style.css') }}">

answered Nov 6, 2018 at 7:19

Madhuri Patel

1,24812 silver badges24 bronze badges

Collectives™ on Stack Overflow

Laravel public CSS stylesheet

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related