Skip to content

Commit 57f943b

Browse files
authored
Merge pull request jhu-ep-coursera#79 from ZKjellberg/jhu-ep-coursera#78-Bootstrap-URLs
PR for Issue jhu-ep-coursera#78 to upgrade Bootstrap URLs. Closes jhu-ep-coursera#78 . Thank you!
2 parents 3b13f87 + 3501eb3 commit 57f943b

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

assignments/assignment3/Assignment-3.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -29,19 +29,19 @@ Here is what you will need to complete the assignment:
2929
* Tablet mockup illustration should correspond to Bootstrap `sm`-based classes
3030
* Mobile mockup illustration should correspond to Bootstrap `xs`-based classes
3131

32-
8. Navbar: Create a navbar that scrolls away together with the page (the navbar should become invisible and is not fixed to the top when you scroll the page down). The navbar should have a company name (i.e., `navbar-brand` class) called "Food, LLC" that is aligned to the left side of the navbar. (*See* [http://getbootstrap.com/components/#navbar](http://getbootstrap.com/components/#navbar). *Make the browser window narrower to see the mobile menu button appear in the first example shown at the provided link.*)
32+
8. Navbar: Create a navbar that scrolls away together with the page (the navbar should become invisible and is not fixed to the top when you scroll the page down). The navbar should have a company name (i.e., `navbar-brand` class) called "Food, LLC" that is aligned to the left side of the navbar. (*See* [https://getbootstrap.com/docs/3.3/components/#navbar](http://getbootstrap.com/components/#navbar). *Make the browser window narrower to see the mobile menu button appear in the first example shown at the provided link.*)
3333
<br><br>
3434
For desktop and tablet view, the navbar should not contain anything else. No other buttons should be visible. (_Hint: use 'visible-xs' class._)
3535

3636
9. Navbar - Mobile View: Create a simple menu button (3 horizontal bars). When the user clicks that button, a dropdown menu should appear (as illustrated in Mobile Open Menu illustration below.) The dropdown menu should contain 3 items: Chicken, Beef, and Sushi.
3737
<br><br>
3838
The dropdown menu should take up the entire width of the browser window. Make sure the dropdown menu has a background color set that distinguishes it from the rest of the content.
3939
<br><br>
40-
(_Hint: See_ [_http://getbootstrap.com/components/#navbar_](http://getbootstrap.com/components/#navbar) _and Lecture 31 for examples on how to accomplish this._)
40+
(_Hint: See_ [_https://getbootstrap.com/docs/3.3/components/#navbar_](http://getbootstrap.com/components/#navbar) _and Lecture 31 for examples on how to accomplish this._)
4141

4242
10. Page Heading. The page heading that says Our Menu should be centered within the browser window. You must use a Bootstrap class to accomplish this.
4343
<br><br>
44-
(_Hint: look for a Bootstrap class that centers text, see_ [_http://getbootstrap.com/css/#type-alignment_](http://getbootstrap.com/css/#type-alignment)_._)
44+
(_Hint: look for a Bootstrap class that centers text, see_ [_https://getbootstrap.com/docs/3.3/css/#type-alignment_](http://getbootstrap.com/css/#type-alignment)_._)
4545

4646
11. Create a single really tall section that will use the Bootstrap Grid and take up the entire width of the browser window (minus some margins, of course) for all views: desktop, tablet, and mobile. To make the section really tall, you can either fill it out with a LOT of text or simply set its height to something like 1000px. It needs to be tall enough to cause scrolling down to be required to view the bottom of the section. Make sure its background color is set to distinguish it from the rest of the content. (_Hint: don't forget to have an element with a class='container' or class='container-fluid' wrapping your grid. Remember that to have the grid do something "always", i.e., no matter what browser window size, use the `col-xs-`... classes. In this case, since we want the section to take up the entire row, use `col-xs-12`._)
4747

0 commit comments

Comments
 (0)