Intégration Bootstrap 3 dans articles Joomla

adrien5555
Offline Topic Author
New Member
Posts: 8
Thanks: 1

Intégration Bootstrap 3 dans articles Joomla was created by adrien5555

Posted 8 years 7 months ago #29630

bonjour à tous et à Cédric,

j'essaie d'utiliser la grille Bootstrap dans un article joomla.

Bootstrap est importé par template creator dans J3.4.4 (ma version). Hébergé sur OVH, Php 5.4 , MySQL 5.1.73

Pas moyen de créer 2 colonnes, ou bien de reproduire les exemples du site de Bootstrap.

C'est peut-etre l'appel aux classes Bootstrap ne fonctionne pas à 100%. 'Row' fait bien appel à un fichier bootstrap, mais pas les .col-md-1 dans cet exemple :

Code:

<div class="container">

<div class="row">
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
</div>
<div class="row">
  <div class="col-md-8">.col-md-8</div>
  <div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
  <div class="col-md-6">.col-md-6</div>
  <div class="col-md-6">.col-md-6</div>
</div>
</div>

Merci de votre aide !
Adrien

by adrien5555

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29123
Thanks: 3704

Replied by ced1870 on topic Intégration Bootstrap 3 dans articles Joomla

Posted 8 years 7 months ago #29631

salut
hé bien oui tu as tout à fait raison ! et la cause en est simple, Joomla! est basé sur la version 2 de Bootstrap et toi tu utilises du code de la BS3

jettes un oeil à la doc de la v2
getbootstrap.com/2.3.2/

CEd

PS : je vais voir prochainement pour donner l'option d'utiliser BS3

Joomlack Webmaster and Developer

by ced1870

The following user(s) said Thank You: ticconseil

Please Log in or Create an account to join the conversation.

adrien5555
Offline Topic Author
New Member
Posts: 8
Thanks: 1

Replied by adrien5555 on topic Intégration Bootstrap 3 dans articles Joomla

Posted 8 years 7 months ago #29635

Salut Cédric,

ha ! et bien je ne suis pas peu fier

en attendant l'update de Template Creator, je vais tester un plugin du JED.

Merci !

PS : la review sur JED est sur la to do liste

by adrien5555

The following user(s) said Thank You: ced1870

Please Log in or Create an account to join the conversation.

adrien5555
Offline Topic Author
New Member
Posts: 8
Thanks: 1

Replied by adrien5555 on topic Intégration Bootstrap 3 dans articles Joomla

Posted 8 years 7 months ago #29636

Bon, après essai, la grille bootstrap 3 fonctionne bien mais il ya des problèmes de padding ou de margin sur les mobiles (comme en PJ).

En petite résolution, il y a ptet des conflits entre le CSS de mobile.css créé par TC et celui de BS3. Facile à résoudre tu crois ?

C'est au niveau de la classe container du div enfant du div wrapper :

Code:

<div class="inner ui-sortable container">

ce n'est peut-etre pas une bonne idée de passer à Bootstrap 3 ?

Pourtant, la fonctionnalité de BS3 qui permet d'afficher (je l'utilise au niveau d'un article, pas du template) différement selon mobile, tablet, desktop est vraiment intéressante.

Last Edit:8 years 7 months ago by adrien5555

Attachments:

Last edit: 8 years 7 months ago by adrien5555.

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29123
Thanks: 3704

Replied by ced1870 on topic Intégration Bootstrap 3 dans articles Joomla

Posted 8 years 7 months ago #29643

perso je resterai sur BS2 si c'est juste pour cela, il existe aussi des classes css pour montrer/cacher les éléments

getbootstrap.com/2.3.2/scaffolding.html#responsive

Joomlack Webmaster and Developer

by ced1870

The following user(s) said Thank You: adrien5555

Please Log in or Create an account to join the conversation.

adrien5555
Offline Topic Author
New Member
Posts: 8
Thanks: 1

Replied by adrien5555 on topic Intégration Bootstrap 3 dans articles Joomla

Posted 8 years 7 months ago #29702

Salut,

pour info, je m'étais trompé : le conflit dont je parle dans ce post provenait du fait que je chargeais simultanément BS3 et BS2 (via Template Creator).

Ca va mieux en n'utilisant que BS3, mais je suis ton conseil et je reste sur BS2, au moins jusqu'à ce que Template Creator ne soit mis a jour pour supporter BS3.

Et la grille BS2 marche en effet très bien.

Merci !

by adrien5555

Please Log in or Create an account to join the conversation.