Learn the Bootstrap 4 Grid System in 10 Minutes
Very useful
12 Matching Annotations
- Jun 2019
-
www.freecodecamp.org www.freecodecamp.org
-
- Feb 2019
-
github.com github.com
-
or use a CDN hosted version by CDNJS <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"> </head>
You can add the link to css in your head
-
-
getbootstrap.com getbootstrap.comNavbar1
-
<nav class="navbar fixed-top navbar-light bg-light"> <a class="navbar-brand" href="#">Fixed top</a> </nav>
Fixed top Nav bar
Tags
Annotators
URL
-
-
moqups.com moqups.com
-
Free Plan
They tried to hide their free plan, sneaky sneaky :)
-
-
www.w3schools.com www.w3schools.com
-
<!DOCTYPE html> <html><head><title>Page Title</title> </head> <body><h1>My First Heading</h1><p>My first paragraph.</p> </body></html>
Basic HTML Document
-
-
www.w3schools.com www.w3schools.com
-
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6>
Headings 1-6
Tags
Annotators
URL
-
-
www.w3schools.com www.w3schools.com
-
<p>This paragraphcontains a lot of linesin the source code,but the browser ignores it.</p><p>This paragraphcontains a lot of spacesin the source code,but the browser ignores it.</p>
Paragraph
-
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
Paragraph Tag
Tags
Annotators
URL
-
-
www.w3schools.com www.w3schools.com
-
<a href="default.asp"> <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0;"></a>
Image as a link - Ignore the style="…." part of the tag. Inline styles are bad!
-
<img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com">
Image Tag
Tags
Annotators
URL
-
-
www.w3schools.com www.w3schools.com
-
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Link Tag
-
-
www.w3schools.com www.w3schools.com
-
<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
Basic List. If you change the
- ...
- ...
Tags
Annotators
URL
-