Skip to content

Commit ea0b91a

Browse files
committed
update readme
1 parent 6d86a8b commit ea0b91a

File tree

1 file changed

+12
-8
lines changed

1 file changed

+12
-8
lines changed

readme.md

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,19 @@
11
#Bootstrap Mockups
22

3-
A lab for [Front-end Productivity w/ Bootstrap & Bower]() lesson.
3+
Please refer to the three mockup images in the [mockups folder](/mockups).
44

5-
##Setup
5+
Work in pairs.
66

7-
* Work in pairs!
8-
* Use bower to include jQuery and Bootstrap (the CSS, JS, and theme files).
9-
* For each mockup in the `mockups` directory create a seperate html file and require your libraries in it.
7+
Your goal is to build three different page layouts using the Boostrap CSS Framework. You will need to dig into their documentation on [Bootstrap CSS classes](http://getbootstrap.com/css/) and [Bootstrap components](http://getbootstrap.com/components/) (a combination of CSS & JavaScript).
108

9+
A solution to this lab can be found in the Solutions Branch.
1110

12-
##Tips
11+
## Hints
12+
* Don't forget to include jQuery and Bootstrap (CSS + Javascript) in the `head` of your project (jQuery is a dependency of bootstrap).
13+
* Don't forget to wrap everything (except the nav bar) in a <div class='container'>
14+
* For placeholder images, try [placekitten](https://placekitten.com/) or [lorempixel](http://lorempixel.com). 340x200 should work fine.
15+
* For dummy text, check out [Lorem Ipsum](http://www.lipsum.com/).
16+
* For icons, take a look at Bootstrap's Glyphicons. For more common symbols, use HTML Symbols.
1317

14-
* Refer to the Bootstrap's documention for more guidance. You can find two main sections of documentation, one for all of Bootstrap's [CSS classes](http://getbootstrap.com/css/), and another for all of its [components](http://getbootstrap.com/components/) (a combination of CSS & JavaScript)
15-
* For placeholder images you try [placekitten](https://placekitten.com/)!
18+
##Bonus
19+
* Use bower to include jQuery and Bootstrap (the CSS, JS, and theme files).

0 commit comments

Comments
 (0)