Both sides previous revision
Previous revision
Next revision
|
Previous revision
|
mattias_guestbook [2019-12-17 10:20] Mattias Hamberg [Studera dokumentationen] |
mattias_guestbook [2022-07-18 13:20] (current) |
| |
<code html> | <code html> |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> | <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.css"> | |
</code> | </code> |
| |
| |
<code html> | <code html> |
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> | <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> |
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> | |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> | |
</code> | </code> |
==== Studera dokumentationen ==== | ==== Studera dokumentationen ==== |
| |
Nästa steg är att kolla igenom och försöka förstå dokumentationen. Den hittar du på: https://getbootstrap.com/ och bör användas under hela uppgiften. Poängen är att du ska lära dig att söka, hitta och använda dig av dokumentationer. För att komma igång får du gärna titta på denna video: | Nästa steg är att kolla igenom och försöka förstå dokumentationen. Den hittar du på: https://getbootstrap.com/docs/5.1/ och bör användas under hela uppgiften. Poängen är att du ska lära dig att söka, hitta och använda dig av dokumentationer. |
| |
<html> | |
<iframe style="max-width: 100%" width="560" height="315" src="https://www.youtube.com/embed/7g8Gg2QVdeU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | |
</html> | |
==== Regler & tips ==== | ==== Regler & tips ==== |
| |
- Ditt slutresultat ska se exakt ut som facitbilderna. | - Ditt slutresultat ska se typ exakt ut som facitbilderna (Facit är framtaget med Bootstrap 4.5). |
- Du får använda dig av Bootstrap och Bootstraps dokumentation. | - Du får använda dig av Bootstrap och Bootstraps dokumentation. |
- Du får inte skriva någon egen css. | - Du får inte skriva någon egen css. |
- Inga class- och for-attribut ska vara tomma. | - Inga class- och for-attribut ska vara tomma. |
| - Du ska validera den data du skickar och visa ett felmeddelande för dina besökare |
| |
==== Ladda ner ==== | ==== Ladda ner ==== |