<div class="container-fluid"> <div class="col-md-2"><button onclick="alert('Pas terrible!');">Bouton Sans Bootstrap</button></div> <div class="col-md-2"><button class="btn btn-warning" onclick="$$('.adunit').setStyle('filter', 'blur(3px)');">Flouter les pubs</button></div> <div class="col-md-2"><button class="btn-primary btn">Bouton Avec Bootstrap</button></div> <div class="col-md-2"><button class="btn btn-danger">Bouton Avec Bootstrap</button></div> </div>

<p>Sample text here...</p>

<pre><p>Sample text here...</p></pre>

<div class="btn-group"> <button class="btn btn-default">Left</button> <button class="btn btn-default">Middle</button> <button class="btn btn-default">Right</button> </div>

<div id="menu_header1" class="row col-md-offset-3 btn-group" style="margin-top:10px;"> <a class="btn btn-primary " href="#">Bootstrap</a> <a class="btn btn-primary" href="http://le-blog-facile.ek.la/structure-de-la-feuille-de-style-css-p261420">CSS</a> <a class="btn btn-primary" href="#">HTML5</a> <a class="btn btn-primary" href="#">Javascript</a> <a class="btn btn-primary" href="#">Anciens Tutos</a> </div> <div class="row"> <div class="input-group col-md-4 col-md-offset-1"> <span class="input-group-addon">@</span> <input class="form-control" type="text" /> </div> </div>

<div class="row"> <div class="input-group col-md-4 col-md-offset-1"> <span class="input-group-addon">@</span> <input class="form-control" type="text" /> </div> </div>

Pour mettre le texte d'un paragraphe en valeur

<p class="lead">Pour mettre le texte d'un paragraphe en valeur</p>

Texte centré avec la classe text-center

Texte aligné à droite avec la classe text-right

<p class="text-center">Texte centré avec la classe text-center</p> <p class="text-right">Texte aligné à droite avec la classe text-right</p>

<address> <strong>OVH</strong><br> 2 rue Kellermann<br> BP 80157 - 59053 ROUBAIX CEDEX 1<br> <abbr title="Téléphone">Tél:</abbr> (123) 456-7890 </address> <address> <strong>OVH</strong><br> <a href="mailto:#">uneadresse@mail.com</a> </address>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

<blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> </blockquote>

Par exemple, <section> s'affiche comme une balise

<p>Par exemple, <code><section></code> s'affiche comme une balise</p>

<div class="table-responsive"> <table class="table table-condensed table-striped "> <tr><th>Nom</th><th>Prénom</th><th>Taille</th></tr> <tr><td>Doe</td><td>John</td><td>183</td></tr> <tr><td>Kiroule</td><td>Pierre</td><td>175</td></tr> <tr><td>Neymar</td><td>Jean</td><td>169</td></tr> </table> </div>

<form class="form-horizontal" role="form"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Email</label> <div class="col-sm-6"> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">Password</label> <div class="col-sm-6"> <input type="password" class="form-control" id="inputPassword3" placeholder="Password"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-6"> <div class="checkbox"> <label> <input type="checkbox"> Remember me </label> </div> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-6"> <button type="submit" class="btn btn-default">Sign in</button> </div> </div> </form>