This is an old revision of the document!
Bootstrap 1
- Gå igenom denna Tutorial
- Ni ska jobba vidare med denna kod
- Fixa till resultatet från söket, det ska bli en tabell stylad med bootstrapklasser
- Fixa till så att man får bra feedback på login sidan, lämpliga alerts från bootstrap
- Fixa till Start-sidan så den innehåller mer än bara några bilder.
- Ni ska lägga in er frågesport. Obs! Behåll den gamla, kopiera bara in det som behövs i denna uppgift. Ni ska i så stor grad som möjligt sätta er design utifrån att anpassa er markup och era klasser så att ni får layouten från bootstrap.
- Ni ska lägga in lämpliga fontawesome ikoner.
- Fixa felmeddelanden.
- Se till så att era felmeddelanden stylas som boostrap alerts.
- Styla upp allt.
- Lämpligt kan vara att samla alla länkar (Topplista, svara osv…) i en dropdown meny (bootstrap)
- Styla om era radio och checkboxar “the boostrap way”. Nu ska ni ha två varianter av frågesporten och olika sätt att styla radio + checkbox.
function set_message($message, $type = 'info') { $types = [ 'secondary', 'primary', 'light', 'dark', 'success', 'info', 'warning', 'danger', ]; if (in_array($type, $types)) { $_SESSION['message'][$type][] = $message; } else { set_message($type . ' is unknown type', 'danger'); } } function get_messages() { if (!empty($_SESSION['message'])) { foreach ($_SESSION['message'] as $key1 => $type) { if (!empty($type)) { foreach ($type as $message) { // echo strtoupper($key1) . '! ' . $message . '<br>'; echo ' <div class="alert alert-' . $key1 . ' alert-dismissible fade show" role="alert"> <strong>' . strtoupper($key1) . '!</strong>' . $message . ' <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> '; } } } } unset($_SESSION['message']); }