You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Jakub Škrabánek
66e9dadb3f
|
3 years ago | |
|---|---|---|
| css | 3 years ago | |
| images | 3 years ago | |
| js | 3 years ago | |
| .gitignore | 3 years ago | |
| README.md | 3 years ago | |
| hra.html | 3 years ago | |
| hra.js | 3 years ago | |
| jokes.html | 3 years ago | |
| kalkulacka.html | 3 years ago | |
| logo.png | 3 years ago | |
| objekty.html | 3 years ago | |
| obrazky.html | 3 years ago | |
| onepage.html | 3 years ago | |
| responsive.html | 3 years ago | |
| tabulky.html | 3 years ago | |
| template.html | 3 years ago | |
| typografie.html | 3 years ago | |
README.md
bootstrap-intro
primárně pro 3.IM - Uvod do Bootstrapu a příprava na používaní boostrapu
Bootstrap
Používáme CSS Framework bootstrap v5.1.3
Stáhneme si Compiled CSS and JS a otevřeme stažený soubor boostrap-verze-dist.zip(7zip, winRar, winZip, atd.)
uvnitř se nachází složka která obsahuje složky css a js -> tyto složky vložíme do složky s projektem
poté do našeho používaného HTML souboru do hlavičky vložíme link na css/bootstrap.css
<link rel="stylesheet" href="css/bootstrap.css">
Nad nakonec </body> budeme chtít impotovat bootstrap.bundle.js
<script src="js/bootstrap.bundle.js"></script>
</body>
</html>
seznam souborů
- TEMPLATE.HTML - základní bootstrap template s kterým pracujeme
- hra.html + hra.js - jednoducha minihra s Javascript
- kalukalcka.html - kalkulačka s bootstrap talčítky a jednoduchý JS
- objekty.html - grid systém, group list a formulář s input group
- obrazky.html - zpracování obrázku, karty, slideshow, MODAL
- onepage.html - jednoducha onepage stránka s "jumbotron", text v grid systemu, list textu a jednoduchy kontaktní formulář
- responsive.html - Grid systém a flex
- tabulky.html - jednoduchá tabulka
- typografie.html - zpracování textu i s ukázkama kódů