Integration or Update from bootstrap3


Topic: Integration or Update from bootstrap3

darkfenix2006 pro asked 8 years ago

Hello guys, First of all, nice work with MDB. I want to implement some components from MDB on my joomla site, but the template I've been using, has bootstrap3, so when i put the link for the MDB on the index.php file, i get some duplicating classes from the rest of the template, and some layout changes. My question is, can i use the MDB code with the bootstrap3, or do i need to do something more drastically? Best regards, Ivo Alves

Bartłomiej Malanowski staff pro premium answered 8 years ago

If you already use Bootstrap 3 just add mdb.css file. Then you'll be able to use MDB components. Here you can find the docs for MDB3

darkfenix2006 pro answered 8 years ago

Yes we use bootstrap3, but i've done that with mdb.css but the card it's not rotating, even after i add all the .js files.

darkfenix2006 pro answered 8 years ago

Hy guys, So, i still have a problem, i build a test environment on my webserver, so i can test the card, and it works without problems, as you can check here: http://easy4you.pt/_armazem/testes_html/bootstrap/ On my website, in a page i'm testing, won't flip... as you can check here: http://teste.easy4you.pt/testepag Can you PLEASE help me with this problem?? If you need i give you the admin access. Best regards, IA

Bartłomiej Malanowski staff pro premium answered 8 years ago

Looking at your code:
<script src="http://teste.easy4you.pt/templates/jsn_artista_free/html/md_bootstrap/js/mdb.js" type="text/javascript"></script>
<script src="http://teste.easy4you.pt/templates/jsn_artista_free/html/md_bootstrap/js/jquery-3.1.1.js" type="text/javascript"></script>
<script src="/plugins/system/pagebuilder/assets/3rd-party/bootstrap3/js/bootstrap.min.js" type="text/javascript"></script>
MDB uses jQuery so you cannot load MDB before jQuery. Should be:
<script src="http://teste.easy4you.pt/templates/jsn_artista_free/html/md_bootstrap/js/jquery-3.1.1.js" type="text/javascript"></script>
<script src="/plugins/system/pagebuilder/assets/3rd-party/bootstrap3/js/bootstrap.min.js" type="text/javascript"></script>
<script src="http://teste.easy4you.pt/templates/jsn_artista_free/html/md_bootstrap/js/mdb.js" type="text/javascript"></script>

darkfenix2006 pro answered 8 years ago

Thank you very much for the solution, it works xD

ijabit answered 8 years ago

Be careful with the use of MDB3 - they don't support it anymore. If you run into a bug they won't help you.

darkfenix2006 pro answered 8 years ago

Thanks for the advice, but i dont have too much choice, because i've download a full template from other company. Can i make the update from Bootstrap3 to Bootstrap4 without them?

Bartłomiej Malanowski staff pro premium answered 8 years ago

Yes, you can. If you want to update from Bootstrap 3 to Bootstrap 4 read Bootstrap Migration page

darkfenix2006 pro answered 8 years ago

Sorry for this question, but i'm trying to put a card working again on other place, and it's still not working. The link: http://v2.opiupiu.pt/index.php/servicos I'm checking all the position of the links, and i can't put it work. Can someone advise me? Thanks
Hi darkfenix2006, Do you have copied all the files from the new MDB overwriting the old version? With what exactly is your problem? Please write for more information so that I could help you. Regards

darkfenix2006 pro answered 8 years ago

Hello, New version? This is a joomla website build in a new framework, completly different from the old one. My problem is the card not doing the rotation, in fact, if i change the class manualy, the rotation works, but otherwise no rotation. There should be some integration problem with the jquery but i cant find where is the problem. Best regards, Ivo
Do you use MDB Pro or Free? Which version of MDB you are using(4.3.1?)? Rotate Card are in the pro version.

darkfenix2006 pro answered 8 years ago

I have the pro version, 4.3.1
I suggest you do so: 1. Copy all directories from the pack MDB Pro and put them in the place of the old on your page. 2. Compile the files again with the files of Joomla. 3. Remove the cache. After taking these things please write like effects.
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No