From fa70222ef310af08a582fb8b716595fb5efb07b5 Mon Sep 17 00:00:00 2001 From: "art.dambrine" Date: Tue, 31 Mar 2020 12:36:44 +0000 Subject: [PATCH] tuto bootstrap tests --- index.html | 84 +++++++++++++++++++++++++++++++++++++++++--- starter-template.css | 8 ++--- tuto.css | 11 ++++++ 3 files changed, 94 insertions(+), 9 deletions(-) create mode 100755 tuto.css diff --git a/index.html b/index.html index dd54fda..1bd8853 100755 --- a/index.html +++ b/index.html @@ -1,6 +1,6 @@ - + @@ -17,6 +17,7 @@ + @@ -50,17 +51,90 @@
-

Bootstrap starter template

Use this document as a way to quickly start any new project.
All you get is this text and a mostly barebones HTML document.

-
+ +

Plusieurs rangées classiques

+
+
1 col
+
2 colonnes
+
3 colonnes
+
6 colonnes
+
+
+
12 colonnes
+
+
+
4 colonnes
+
8 colonnes
+
+ + +

Exemple saut de colonnes

+
+
3 colonnes
+
3 colonnes
+
+ + +

Exemple rangées imbriquées

+
+
8 colonnes +
+
3 colonnes
+
6 colonnes
+
3 colonnes
+
+
+
+ + +

Enchainement d'imbrications

+
+
Premier niveau avec 12 colonnes +
+
Second niveau avec 8 colonnes +
+
Troisième niveau avec 4 colonnes
+
Troisième niveau avec 6 colonnes +
+
Quatrième niveau avec 3 colonnes
+
Quatrième niveau avec 5 colonnes
+
+
+
+
+
Second niveau avec 4 colonnes
+
+
+ + +

Petit TP - test

+
+
col 6 +
+
col 4
+
col 4 avec offset 4
+
+
+
col 6 +
+
col 4
+
col 8
+
+
+
+ + + + +
- + diff --git a/starter-template.css b/starter-template.css index 3ca6b88..14ef764 100755 --- a/starter-template.css +++ b/starter-template.css @@ -1,7 +1,7 @@ body { padding-top: 50px; } - .starter-template { - padding: 40px 15px; - text-align: center; - } \ No newline at end of file +.starter-template { + padding: 40px 15px; + text-align: center; +} \ No newline at end of file diff --git a/tuto.css b/tuto.css new file mode 100755 index 0000000..fe4ad15 --- /dev/null +++ b/tuto.css @@ -0,0 +1,11 @@ +body { + padding-top: 10px; + } + +[class*="col-"], footer { + background-color: lightgreen; + border: 2px solid black; + border-radius: 6px; + line-height: 40px; + text-align: center; + } \ No newline at end of file