I would like some clarification on what bootstrap-extend.css is. I have seen on many sites and even a template that I had purchased includes however I am unsure of its purpose. The file contains more CSS. Is it a personalized version of bootstrap ontop of the already included bootstrap file?
Related
I'm trying to figure out whether it would pay off to use Bootstrap on my existing Wordpress site and while researching it, I came up with the idea that the template I'm using might actually already be using Bootstrap.
I can't see any signs of Bootstrap in my functions.php file or through the FTP, but the template is using classes like these: ".col-md-4", ".col-sm-4". Is that because it was created with Bootstrap or is it just a convention?
Sorry if this is complete nonsense.
That's a classic bootstrap class.
You shouldn't check the PHP files but the css ones or javascript.
It may be a sign.
You can check more bootstrap classes Like container, row, and ...
And for being sure you can check asset files like CSS and JS files, if you found bootstrap css and js files you may be sure of using bootstrap in your template.
You can open asset files it may wrote the bootstrap version in it even.
Foundation Sites has CSS classes for a grid system. Instead of using these classes. the Cornerstone developers seem to use some SASS function called grid-column. I will occasionally need the default Foundation grid system when inserting content from the content manager. What I've tried so far is going into the theme.scss file in the assets folder and doing an import into the node modules folder where foundation/grid is kept. That didn't work.
I don't think importing the grid only would work... the proper way to go should be:
Including the whole Framework.
As you only need the grid, edit the _setings.scss from the framework, disabling everything except for the grid (and please make sure you have the grid you want on settings, because default grid changed since 6.4).
Including the new stripped down foundation into your project.
Hope this helps
I am now taking care of a website built on Zurb Foundation, the previous developer made some custom icons (like 15) for that website using the foundation syntax - He took the i tag in all CSS files and renamed the CSS variables like .icons-custom-phone .The foundation-icons.css is added to the page and all the font files are on the server but when i try to name a class="fi-phone" it won't show... as he added a custom.css just after the foundation-icons.css and created custom.svg custom.eot custom.woff etc.
I was wondering how can use the foundation icons in that case since some are really nice
Thanks for your help
I downloaded a customized version of bootstrap 3 from the web (I changed the number of columns to 7), but my website uses zf2 which comes packaged with bootstrap 3. How can I have a page of my website use this customized version and have the rest of the site use the standard build?
Will I have to do something with LESS? I'm just unsure of how this would work or if it can work at all.
I tagged this with zf2 because that is my specific use case, but this is more a general boostrap, css question.
If you only want ONE page to use it, why not just output the customized Bootstrap CSS files on that one page, and the standard CSS files on everything else?
No, since both versions of bootstrap use the same class names, you can not use multiple instances of bootstrap on the same page.
So I'm using the Bootstrap Customize and Download page to generate a version of the Bootstrap files with custom colors. I got the idea that I wanted to add some other colors (e.g. #purpleLight) to make upkeep of the site design easier, so I look through the downloaded contents the site generates, and my customizations don't appear to be anywhere, let alone somewhere for me to add others.
Here's what comes in the bootstrap.zip the site spits out:
css
bootstrap.css
bootstrap.min.css
img
glyphicons-halflings.png
glyphicons-halflings-white.png
js
bootstrap.js
bootstrap.min.js
...and that's it.
So, no colors anywhere in these files as far as I can tell. No LESS files included in the download. Am I doing something wrong? Is the site doing something wrong? Am I just not seeing something that is in fact there? To the best of my diffing abilities, the downloads seem identical regardless of the customization options I choose...
And, pending whose messing up here, what would be the alternative best way for me to customize a color palette for my Bootstrap site?
You can't add more LESS variables with the custom download tool. You can only redefine the values of the existing variables. Upon download, the tool compiles with those set variables but since you don't get the LESS files, you won't be able to add more variables afterwards, like #purpleLight you mentioned.
If you want to extend Bootstrap with more LESS variables, you have to download the full source and compile your css from the included LESS files. There's a file variables.less in the less/ folder where can add your #purpleLight.