Suivez-nous sur Twitter !
Comment utilise Bootstrap #2 & 3

Personnalisé BootStrap & Mettre son propos CSS 

Aprés avoir suivi notre premier cours , Je vais maintenant vous apprendre a faire vos codes ! dans BootStrap biensur :)  

1. Les premiers code: 

Nous reprennons la balise du premier cours. 

<div class="row">
  <div class="col-md-8">Pour vos news</div>
  <div class="col-md-4">Pour Vos widgets </div>
</div>

Puis on ajoute nos premiere balise html avant de mettre son css bien sur. 

<div class="row">
  <div class="col-md-8"><div id="box_news">Pour vos news</div></div>
  <div class="col-md-4"><div id="box_widget">Pour vos widgets</div></div>
</div>

Nous allons commencé par un css simple puis par la suite un css mieux développer. 

#box_news{
background-color:#fff;
width:auto;
margin-right:auto;
margin-left:auto;
padding:15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#box_widget{
background-color:#fff;
width:auto;
margin-right:auto;
margin-left:auto;
padding:15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

Ce CSS est fait pour bootstrap , il s'adapte a la taille de l'écran :P 

Tu est perdu ? Contacter-Nous dans la partie "Contact"

Prochain tutorial ! Nous allons amélioré le css & Ajouter des fonctions. 


Partager Tweet Partager
Posté par Work, le 22/04.

Connecte toi !


Commentaires

  1. vinc-0717/07 | 20:23
    super tuto, a quand les prochains ?

Pour écrire un commentaire il faut être connecté.