i have the following folder structure
application
assets\
\css
\js
\images
i have all the bootstrap files in the assets folder - css files in the css folder, js files in js folder etc.
My question is this. I have a view that uses the bootstrap.css. I reference it by doing something like:
<script type="text/javascript" scr=<?php base_url()?>assets/css/bootstrap.css> </script>
it find the file just fine. but when i try to use the built in images in bootstrap, they don't display because the bootstrap css is expecting the images to be in
"../img/glyphicons-halfing.png"
But the physical path of the view is something like:
c:\wamp\www\myapp\views\templates\
I guess I could just copy the image folder into the views folder... or i can edit the css to point to the right location. But i just wanted to check to see how others are organizing their folders using codeigniter and bootstrap.
thanks.
It's looking in 'img' - You need to amend it to 'images'
"../images/glyphicons-halfing.png"
Glyphicons goes inside the "assets\font" folder.
Just in case, I'm using CodeIgniter 3.x and Xampp 5.6.x on xubuntu.
assets\
\css\
\js\
\images\
\fonts\
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.woff2
Related
I just started studying Laravel, my app works fine and I was able to reference all my css and js files but one thing is not working correctly.. I downloaded font-awesome package from their site and install it manually on my app.. I referenced the font-awesome.min.css file on my master head file. it loads the css file but not the actual font-awesome web fonts file.. below is the folder structure inside my public folder
---public
--assets
-css
-js
-fonts
-images
i used blade to link the font-awesome css file.. on chrome dev tools it shows that it loads the css file but not the font files.
{{ Html::style('assets/css/font-awesome.min.css') }}
any ideas how to make it work??
Thanks guys..
Hi I want to create custom theme using default-bootstrap so I copied whole folder, rename and then I made all changes in CSS.
I install my theme via backend, deleted all cache files and theme seems to working but there is issue with top navbar - it isn't look like as in default-bootstrap, check this:
Default's nav: http://i.imgur.com/MiRnM42.png
My nav: http://i.imgur.com/MrWZeFm.png
Any ideas why nav isn't lok like default?
did you check your css + code for typos? That might be the case :)
try this:
https://validator.w3.org/#validate_by_uri+with_options
I am using YT Framework on Joomla2.5, I want to add new css file fot the template SJ+, but I could not find any documentation for the framework.
I have general understanding that, as the css will be builded every time I install any component or module, so in order to implement our custom css, I need to add my css in a specific file, but I am unable to find where to keep that file and with what name.
I have tried by adding a "custom.css" file in template's css folder.
For any template if you need to add your custome css code you need to first find index.php file in your template directory,
If you found html code in index.php then add your css code to index file using tag. or add
if you do not found html code in index.php file then you need to find component.php file in template root folder.
and follow the same thing as for index.php
After looking deeper into each of the css file I came to solution for loading of custom css for YT Framework templates.
Keep your custom css in a file named "your_css.css" file under the css folder of your template, this is the functionality of the YT frame work that after loading all the css files required by the template, it loads this css file at the end so that all the default and dynamic css will be overloaded with all the stylings you have written in your_css.css file
I tried "Galleria" as a standalone application and it works perfectly fine .. however in order to make it work with Cakephp what are the changes that i need to make ?
I have tried changing the path of js and css files to absolute path .. it didnt help ..
// Load the classic theme
Galleria.loadTheme('http://localhost/agm2/js/galleria.classic.js');
and in galleria.classic.js .. changed the following line
css: 'http://localhost/agm2/css/galleria.classic.css',
This is what I did before it finally worked and I of course violated cakephp convensions:
I put all the javascript files (jquery, galleria, galleria.classic) in the cakephp js folder. Additionally, I had to put the images (classic-map.png, classic-loader) and the css file (galleria.classic.css) in the cakephp js folder before it finally worked.
But under normal circumstances, the galleria css file should be in the css folder, the images in the img folder and the galleria.classic.js should be able to locate them and this is the problem we have.
I have implemented jqgrid within asp.net 3.5 vs2010. It is working fine as long as the asp.net page is onthe root folder, but when I move the page to a subfolder it tries to look for the js and css files with the foder under subfolder. The js and css files are in a folder under the root folder.
I am using the folowing code to reference to jquery files:
What it does is it appends the subfolder name to the path and the application is not able to find the js and css files. e.g /Scripts/jquery.jqGrid.js
How do I reference the js and css files under the html tag of asp.net page?
If you use developer version of jaGrid you have to modify the variable pathtojsfiles from the jquery.jqGrid.js depend on the path where you place jqGrid on your site.
I recommend you to include all files listed in jquery.jqGrid.js instead of using jquery.jqGrid.js. See this and this answers for more information.