I am creating MVC application by using bootstrap. However, I cannot change the bootstrap theme once the application is created.
When I create initial MVC with default bootstrap template, everything works fine. I check bootswatch.com or getbootstrap.com, there are many fantastic bootstrap theme. So I replaced the default "bootstrap.css" file by the one online.
The navbar looks strange, it collapsed, and all buttons, texts in a weird color.
I found there are bootstrap plugins in Visual Studio 2015, I can create the MVC by selecting different theme template, and its works fine. But if I change the bootstrap.css, the same problems happen.
Thank you for reading this.
Related
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
So as my title suggests I'm currently working on a Drupal webform. The issue is that since we started using bootstrap for page styling, the webform looks like crap.
We figured out that by removing the CSS files given by bootstrap our form shows the way it's supposed to.
Anyone have a clue on how to fix this issue? Perhaps a setting where we can say that bootstrap can't override anything existing or something?
Thanks in advance
Have you tried loading the Bootstrap files before your main Drupal styles are loaded? If Bootstrap is loaded into the page after your main styles it will override.
Alternatively, you could customize your Bootstrap download to exclude components you would not like included.
http://getbootstrap.com/customize/
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.
I have some experience with HTML and CSS, but these VS2013 generated sites include lots of stuff - bootstrap, modernizr, etc. I'm completely lost. Any advice how to change the navbar background color?
Visual Studio 2013's MVC 5 templates use twitter bootstrap for css styling. To customize twitter bootstrap in your MVC application, go to the twitter bootstrap download page and enter in the color values that you desire, then replace the twitter bootstrap files in your project with the one you customized and downloaded.