I am new laravel. Recently I bought new laraval+bootstrap template from online. Now I am trying to serve project via artisan.
The project runs but template dont look as it was. I researched it and found out that it doesn't read css, javascript and other files from assets folder which is nearby public folder. Now i need help to read these files from assets folder.
The app folder structure is as below.
I slighly modified .htaccess file, but nothing changed
<link href="{{ asset('assets/plugins/chartist-js/chartist.min.css') }}" rel="stylesheet" type="text/css" />
<!-- Datepicker CSS -->
<link href="{{ asset('assets/plugins/datepicker/datepicker.min.css') }}" rel="stylesheet" type="text/css" />
Simply not reads files inside assets folder
These assets should not be within an assets folder in the root of your application.
Place assets within the public folder.
asset() helper links to the public directory of your application.
Related
I wanted to change the default Vue favicon, so i changed the photo in the public folder to my own .ico image while still naming it as favicon. Except for this, i did no other changes, but it didn't work and still having the old default vue logo icon img, making no sense.
<link rel="shortcut icon" href="<%= BASE_URL %>favicon.ico">
I generate a favicon from here and I organize URL and favicon file like the following screenshot.
Generated favicon file work on all modern devices with cross-browser compatibility in my Vue ClI 3 project.
I am building a site based off of Bootstrap Carousel theme... unfortunately nothing is working when I copy the index and css file into my directory. Are there other files aside from the CSS that need to be in the same directory? like the glyphicons and all the buttons. It's literally just displaying the html... no carousel or anything.
nothing needs to be in same directory! just check you have the right path to the files! and all are loaded. As well as include the bootstrap links
Something like this :
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
Yesterday, I have installed Bootstrap v3.3.6 by using Composer to add Bootstrap in my Symfony project. Now i have it in my Symfony3 project but I can't use it because I tried all paths from my twig file but it doesn't find the file.
Are there some options I have to modify or something like that?
You need to put your css/js/fonts/img folder in your web directory.
In your code, calling something like that should work
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
In VS 2012 my project is running fine. But when I hosted it local IIS it does not find the css and js file.
In my project files are linked like
<link href="~/CSS/layout.css" rel="stylesheet" type="text/css" />
<link href="~/CSS/color.css" rel="stylesheet" type="text/css" />
and after hosting I get like
<link href="/ApplicationTemplate/CSS/color.css " rel="stylesheet" type="text/css" />
<link href="/ApplicationTemplate/CSS/bootstrap.css " rel="stylesheet" type="text/css"/>
I also tried to solve the problem to put css in #Url.Content() and scripts in #Scripts.Render(). But it did not work for me. Then somebody told me to change the published web config . But also did not work.
you should be using Url.Content() helper to avoid this type of issues. It generates url using the relative path and there will be no chance of issue like these.
<link href="#Url.Content("~/CSS/layout.css")" rel="stylesheet" type="text/css" />
<link href="#Url.Content("~/CSS/color.css")" rel="stylesheet" type="text/css" />
Also make sure that CSS and Scripts folder is in root directory of project.
NOTE: Sometimes this also happens that in publish some css and js files are not published in the published folder so copy the css,scripts and js folder from your solution to published folder to make sure it.
I have an Octopress blog with an installed Octostrap3 theme. Everything works fine so far.
But I've been looking for the last days and I'm not able to find the responsible css files in Octostrap3 to change the colors for my Octopress blog.
Could anybody tell me which css (or scss) files I need to edit?
Ok, i've found a solution that works for me.
tomordonez' hint didn't help in my case (but thank you anyway), because there was just an screen.css in /source/stylesheets, no style.css.
If you have octostrap3 installed, you can use any bootstrap theme. To change the theme, you just have to edit the /source/_includes/custom/head.html and insert the path to the css file for your theme.
I placed my theme-css-file in /source/assets/deg0nz/, so i changed the head.html to:
<link href="{{ root_url }}/assets/deg0nz/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="{{ root_url }}/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
I have chosen a theme from bootswatch and customized it with their customization procedure. So in the end i just had to change the bootswatch.less, the variables.less and the bootstrap.css in the bootswatch-theme folder and create the min-files.
Instead of doing this you can use any bootstrap.css and place it's path in /source/_includes/custom/head.html like i described above.
Try source/stylesheets/style.css