pourchot/BasesWeb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

24 Novembre

Browse Source
This commit is contained in:
Adrian POURCHOT 2022-11-24 16:03:59 +01:00
parent 417c65ae9f
commit 6ccf09dabe
2 changed files with 71 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
FRONTEND/StyleCss/StyleTestBootStrap.css Normal file
View File

@ -0,0 +1,32 @@
article{
border-style: solid;
background: lightblue;
text-align: center;
border-radius: 4px;
border-width: 1px;
line-height: 50px
}
.BordureRouge{
border-color: red;
}
.BordureJaune{
border-color: yellow;
}
.BordureBleue{
border-color: blue;
}
.BordureOrange{
border-color: orange;
}
.BordureVerte{
border-color: green;
}
.BordureViolet{
border-color: purple;
}

39
FRONTEND/testBootStrap.html Normal file
View File

@ -0,0 +1,39 @@
<!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>