Author: Joël

26 Mrz Grid options (Bootstrap)

See how aspects of the Bootstrap grid system work across multiple devices with a handy table.   Using a single set of .col-md-* grid classes, you can create a basic grid system that starts out stacked on mobile devices and tablet devices (the extra small to small...

Read More

25 Mrz Bootstrap in HTML/CSS einbinden:

<head> <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet"> <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css"> <link rel="stylesheet" href="main.css" > <link rel="stylesheet" href="main.css"> </head>...

Read More

25 Mrz Wie man einen einfachen Button erstellt:

HTML: <div> <a href="https://www.weloveyou.ch">Visit Us</a> </div> ---------------------------------------------------------------- CSS: div{ height: 50px; width: 120px; border-color: #6495ED; background-color: #BCD2EE; border-style: dashed; border-width: 2px; border-radius: 5px; margin: auto; text-align: center; } a{ text-decoration: none; color: #000000; font-family: Verdana; font-size: 25px; }   ...

Read More

25 Mrz

Div's sind im Prinzip unsichtbare Container die man beliebig mit Inhalten füllen und mit CSS stylen kann. Sie haben auch wie alle andere Tags ein Open & Closing Tag. <div> & </div> Man spricht Sie im CSS normal mit div {} an. Beispiel: div{ height: 50px; width: 120px; border-color: #6495ED; background-color: #BCD2EE; border-style: dashed; border-width:...

Read More

25 Mrz Wrapper ID erstellen mit Navigation

HTML <!DOCTYPE html> <html> <head> <title>Hilltop Hoods</title> <meta charset="UTF-8"> <link href="css/style.css" rel="stylesheet"> </head> <body> <main id="wrapper"> <nav> <a href"/html/">Homepage</a> <a href"/css/">Facebook</a> <a href"/js/">Youtube</a> </nav> ---------------------------------------------------------- CSS #wrapper{ width: 550px; position: relative; margin: 0 auto; background-color: yellow; } nav{ background-color: white; float: center; padding: 20px; margin: 0 auto; }...

Read More