Web developers often use frameworks to add functionality and increase their productivity and efficiency.
“Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. Bootstrap is completely free to download and use!”
Bootstrap is an immensely popular framework for building websites, for good reason. It’s easy to use, and has tons of stuff baked in.
Students will create a page using this framework, and (hopefully) see how it’s faster to from ideation/wireframing to creation using preexisting code.
Bootstrap (getbootstrap.com) is free, and easy to use. Simply add these links to the
<head> of an HTML document:
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
Now you have access to all the fancy CSS and JavaScript created by the lovely open-source developers at Twitter (and people all over the world, including you- more on that later).
Turn your wireframes into reality. Well, code reality.
The Grid System
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-4
.col-md-4
.col-md-4