Difference between revisions of "User:Karl Jones"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) (→In-class exercise) |
Karl Jones (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | == Hiding and showing HTML elements in Bootstrap == | ||
+ | |||
+ | You can use Bootstrap classes to hide and show HTML elements, based on display size.\\ | ||
+ | |||
+ | This is useful for showing summary information on mobile devices, and more detailed information on desktop computers. | ||
+ | |||
+ | You can approach this one (or both) of two ways: | ||
+ | |||
+ | * "Show this element (or elements) for a specific screen size, and hide it in all the other sizes." | ||
+ | * "Hide this element (or elements) for a specific screen size, and show it for all other sizes". | ||
+ | |||
+ | |||
== In-class exercise == | == In-class exercise == | ||
Revision as of 16:02, 8 March 2016
Contents
Hiding and showing HTML elements in Bootstrap
You can use Bootstrap classes to hide and show HTML elements, based on display size.\\
This is useful for showing summary information on mobile devices, and more detailed information on desktop computers.
You can approach this one (or both) of two ways:
- "Show this element (or elements) for a specific screen size, and hide it in all the other sizes."
- "Hide this element (or elements) for a specific screen size, and show it for all other sizes".
In-class exercise
In your Local root folder, create a new folder named week6
.
In this folder, create a new document named index.html
.
- Make this similar to you home page and other exercise pages
Use the Bootstrap grid to create a page layout something like the screenshot below:
Consulting followup topics
- Denial-of-service attack
- Log file
- Shell script
- Traffic analysis
- mod_evasive
- Other apache mods
- WordPress login
- xmlrpc
- Ajax (programming)
- Images and JavaScript files related to WordPress theme and plugins
- MediaWiki
Impromptu topics
Number of pages
Number of pages: 4,617
Article snippet
== Description == == See also == * [[]] == External links == * [] @ Wikipedia