Richard
Bonnegent

Bootstrap facilite la création de thèmes responsives grâce à son système de grille et ses classes utilitaires. Vous pouvez concevoir des designs modernes qui s'adaptent à tous les écrans.

Le système de grille de Bootstrap permet de créer des mises en page adaptatives.

<div class="container">

    <div class="row">

        <div class="col-md-6">Colonne 1</div>

        <div class="col-md-6">Colonne 2</div>

    </div>

</div>

<div class="m-3 p-3 bg-light">Bloc avec marges et padding</div>

<div class="d-none d-md-block">Visible uniquement sur les écrans moyens et plus grands</div>

<div class="container">

    <header class="text-center py-5">

        <h1>Mon Portfolio</h1>

    </header>

    <main class="row">

        <div class="col-md-4">

            <div class="card">

                <img src="projet1.jpg" class="card-img-top" alt="Projet 1">

                <div class="card-body">

                    <h5 class="card-title">Projet 1</h5>

                    <p class="card-text">Description du projet.</p>

                </div>

            </div>

        </div>

        <div class="col-md-4">

            <div class="card">

                <img src="projet2.jpg" class="card-img-top" alt="Projet 2">

                <div class="card-body">

                    <h5 class="card-title">Projet 2</h5>

                    <p class="card-text">Description du projet.</p>

                </div>

            </div>

        </div>

    </main>

</div>

body {

    font-family: Arial, sans-serif;

}

header {

    background-color:  #333;

    color:  white;

}

Avec Bootstrap, vous pouvez créer des thèmes responsives élégants et modernes en un temps record. Combinez le système de grille avec des classes utilitaires pour des designs flexibles.