If I use any theme and include the newest Bootstrap framework 4.0, but I also want to have the plugin Visual Composer for some WYSIWYG editing, will they create a conflict? And if yes are there any workarounds?
You will probably want to checkout something like this plugin to make Visual Composer use bootstrap classes for columns and rows instead of its native classes.
https://wordpress.org/plugins/using-visual-composer-support-for-twitter-bootstrap-themes/
It is definitely possible as Themeforest sells themes with both.
https://themeforest.net/collections/4682897-themes-with-visual-composer-and-bootstrap
Yes, it will. Bootstrap has [class *= "col-"] class displayed table cell, and visual composer has .vc-col-sm-12, which will read bootstrap class and will make conflict.
You can avoid that overwriting classes deppends on your needs.
Related
I'm set with the migration of several Wordpress themes that use Bootstrap 2.3.2. The choice is to use 3.3.7.
First off, I checked that there are no custom div IDs or classes used in the theme.
I then replaced the 2.3.2 CSS/JS Bootstrap files with the 3.3.7 equivalent files.
The layout was a mess as a result. Images are no longer responsive, and there is obvious viewport overflow in different devices.
I have already noticed that the Wordpress posts and pages use HTML elements with Bootstrap styling directly applied.
Does anyone here have experience with this kind of large scale task? What workflow did you apply to migrate Wordpres themes with Bootstrap from 2.3.2 to 3.3.7 quickly?**
I do not need to change the look and feel.
Have you looked at the migration document here? the migration document highlights all changes to classes and what you need to do. There are also online tools like this one and this tool which you can try.
I'm editing a customized wordpress theme that has visual composer installed in it. I can edit a lot of css in the default editor from Wordpress. But there are some css tags such as: .vc_custom_1496470898482 that I don't know where to edit.
Thanks for your help!
This is an auto generated CSS by visual composer so can't be edited.
So there are two approaches for applying your CSS to it and these are as follows:
Inside visual composer, add your own class/id for that particular row/element and then apply CSS using this newly added class/id. (Recommended)
Override this class with same name i.e .vc_custom_1496470898482 in your CSS file or inside custom CSS editor provided by the visual composer or theme.
Hope it helps.
I want to remove Bootstrap entirely from my meteor app because I use Thoughtbot's Neat and Bourbon as a responsive css framework. So I made sure I have no Bootstrap packages installed, but when I start the application and check the CSS, I see Bootstrap styles in the CSS file.
So I assume Bootstrap is enabled and loaded by default by Meteor?
Is it possible to remove it?
If you've removed all the bootstrap packages, meaning you can't see any when you do this
meteor list --using
That means you don't have any external bootstrap files included in your project. You can have them however from other sources like your own CSS files or anything you have put in yourself.
Meteor doesn't include bootstrap in projects by default.
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.
Is it possible to implement 100% of bootstrap in joomla without any custom css?
There's this great article about building a theme with Twitter Bootstrap.
http://magazine.joomla.org/issues/issue-aug-2012/item/818-using-the-twitter-bootstrap-framework-to-build-a-responsive-joomla-template-from-scratch
If you are building a new site. Take a look at Joomla 3.0 as it comes with Bootstrap by default (as well as jQuery).
Sure, you can implement Bootstrap without adding any custom CSS< but why would you do that? Bootstrap is not a full blown template or layout. It is a framework used to facilitate creating a template or layout. Even on the Bootstrap examples page they specify that these should be a starting point, not the end product.
http://twitter.github.com/bootstrap/getting-started.html#examples
If you want to create a custom template, it would make sense to start with the started Bootstrap template, adapt it for Joomla, then add the custom CSS and images to make it look good.
It would be a good idea to also look at Joostrap (http://www.joostrap.com/). They have a very nice basic template that we base all of our custom work on.
I have built some templates for Joomla 3.0, Bootstrap in Joomla 3.0 doesn't support all Glyphicons that Twitter Bootstrap supports, so if you want to use the missing icons you will need to add your custom CSS.
If you build a responsive template for Joomla 2.5, there will be a lot of works to do, not only for CSS, default extensions in Joomla 2.5 are not responsive so you may need to override their default layouts.