<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>Mon Premier Bootstrap</title>
		<!-- CSS only -->
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
		<!-- JavaScript Bundle with Popper -->
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
		<link rel="stylesheet" type="text/css" href="StyleCss/StyleTestBootStrap.css" media="all">
	</head>
	<body>
		<section class="container">
			<section class="row">
				<article class="col-md-10 col-md-offset-1 BordureRouge">col-md-10 col-md-offset-1 : Rouge </article>
			</section>
			<section class="row">
				<article class="col-md-6 col-md-offset-1 BordureBleue">col-md-6 col-md-offset-1 : Bleue </article>
			</section>
			<section class="row">
				<article class="col-md-6 col-md-offset-5 BordureVerte">col-md-6 col-md-offset-5 : Verte </article>
			</section>
			<section class="row">
				<article class="col-md-3 BordureRouge">col-md-3 : Rouge </article>
				<article class="col-md-3 BordureOrange">col-md-3 : Orange </article>
				<article class="col-md-3 BordureVerte">col-md-3 : Verte </article>
				<article class="col-md-3 BordureJaune">col-md-3 : Jaune </article>
			</section>
			<section class="row">
				<article class="col-md-3 BordureBleue">col-md-10 : Bleue </article>
			</section>
			<section class="row">
				<article class="col-md-5 col-md-offset-2 BordureRouge">col-md-5 col-md-offset-2 : Rouge </article>
				<article class="col-md-3 col-md-offset-2 BordureVerte">col-md-3 col-md-offset-2 : Verte </article>
			</section>

		</section>
	</body>
</html>