Tutoriel Bootstrap

Bootstrap

Découvez les bases du plus célébre des frameworks CSS.

HTML HTML5 CSS Dreamweaver PHP

Well Bootstrap

Dans ce tutoriel, je vous propose de découvrir la classe Well de Bootstrap pemettant d'afficher des boîtes grises comme celle qui contient ce texte.
<div class="well">
Fabulas multos et arbitror comprehenderit. Quorum domesticarum incurreret quis aliquip. Iis aute mentitum coniunctione, cupidatat lorem quid incididunt tamen, dolor consequat possumus qui eu legam cillum an expetendis, varias admodum est quae esse do ad o aliqua culpa quid do cupidatat veniam commodo vidisse, eram et ad quorum appellat.
</div>

Exemple

Fabulas multos et arbitror comprehenderit. Quorum domesticarum incurreret quis aliquip. Iis aute mentitum coniunctione, cupidatat lorem quid incididunt tamen, dolor consequat possumus qui eu legam cillum an expetendis, varias admodum est quae esse do ad o aliqua culpa quid do cupidatat veniam commodo vidisse, eram et ad quorum appellat.

Classes optionnelles

il existe 2 classes permettant d'agir sur la taille des wells : .well-sm et well-lg.

Exemple avec .well-lg

<div class="well well-lg">
Fabulas multos et arbitror comprehenderit. Quorum domesticarum incurreret quis aliquip. Iis aute mentitum coniunctione, cupidatat lorem quid incididunt tamen, dolor consequat possumus qui eu legam cillum an expetendis, varias admodum est quae esse do ad o aliqua culpa quid do cupidatat veniam commodo vidisse, eram et ad quorum appellat.
</div>
Fabulas multos et arbitror comprehenderit. Quorum domesticarum incurreret quis aliquip. Iis aute mentitum coniunctione, cupidatat lorem quid incididunt tamen, dolor consequat possumus qui eu legam cillum an expetendis, varias admodum est quae esse do ad o aliqua culpa quid do cupidatat veniam commodo vidisse, eram et ad quorum appellat.

Exemple avec .well-sm

<div class="well well-sm">
Fabulas multos et arbitror comprehenderit. Quorum domesticarum incurreret quis aliquip. Iis aute mentitum coniunctione, cupidatat lorem quid incididunt tamen, dolor consequat possumus qui eu legam cillum an expetendis, varias admodum est quae esse do ad o aliqua culpa quid do cupidatat veniam commodo vidisse, eram et ad quorum appellat.
</div>
Fabulas multos et arbitror comprehenderit. Quorum domesticarum incurreret quis aliquip. Iis aute mentitum coniunctione, cupidatat lorem quid incididunt tamen, dolor consequat possumus qui eu legam cillum an expetendis, varias admodum est quae esse do ad o aliqua culpa quid do cupidatat veniam commodo vidisse, eram et ad quorum appellat.