web dev
Quiz yourself by thinking what should be in
each of the black spaces below before clicking
on it to display the answer.
Help!
|
|
||||
---|---|---|---|---|---|
show | Variable width content
🗑
|
||||
show | Sass mixins
🗑
|
||||
show | Sass mixins
🗑
|
||||
show | Stacked to horizontal
🗑
|
||||
Responsive classes Bootstrap’s grid includes five tiers of predefined classes for building complex responsive layouts. Customize the size of your columns on extra small, small, medium, large, or extra large devices however you see fit. t/f | show 🗑
|
||||
In a grid layout, content must be placed within columns and only columns may be immediate children of rows. t or f | show 🗑
|
||||
show | t
🗑
|
||||
show | f
🗑
|
||||
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. | show 🗑
|
||||
show | f
🗑
|
||||
show | t
🗑
|
||||
Quickly and easily clear floated content within a container by adding a clearfix utility. | show 🗑
|
||||
show | f
🗑
|
||||
For safety, the <body> has a declared background-color, defaulting to #fff. t/f | show 🗑
|
||||
show | f
🗑
|
||||
show | t
🗑
|
||||
Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes. Group of answer choices True False | show 🗑
|
||||
Variables Variables and maps determine the number of columns, the gutter width, and the media query point at which to begin floating columns. t/f | show 🗑
|
||||
Variables We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below. t/f | show 🗑
|
||||
show | t
🗑
|
||||
All breakpoints For grids that are the same from the smallest of devices to the largest, use the .col and .col-* classes. Specify a numbered class when you need a particularly sized column; otherwise, feel free to stick to .col. t/f | show 🗑
|
||||
show | t
🗑
|
||||
Column breaks Normally this is accomplished with multiple .rows, but not every implementation method can account for this. t/f | show 🗑
|
||||
show | t
🗑
|
||||
show | t
🗑
|
||||
To make the grid responsive, there are six grid breakpoints, one for each responsive breakpoint: all breakpoints (extra small), small, medium, large, and extra large. t/f | show 🗑
|
||||
show | f
🗑
|
||||
show | t
🗑
|
||||
Grid System, use our powerful Desktop-first flexbox grid to build layouts of all shapes and sizes. Group of answer choices True False | show 🗑
|
||||
show | true
🗑
|
||||
Carousel A slideshow component for cycling through elements—images or slides of text—like a carousel. Group of answer choices True False | show 🗑
|
||||
show | t
🗑
|
||||
show | f
🗑
|
||||
show | t
🗑
|
||||
Z-index We utilize a default z-index scale in Bootstrap that’s been designed to properly layer navigation, tooltips and popovers, modals, and more. | show 🗑
|
||||
Collapse Toggle the visibility of content across your project with a few classes and our JavaScript plugins. Group of answer choices True False | show 🗑
|
||||
show | t
🗑
|
||||
show | t
🗑
|
||||
show | meta tags
🗑
|
||||
show | media queries
🗑
|
||||
Consists of columns and gutters inside a container, are the simplest, strongest, and quick way to create page layouts. | show 🗑
|
||||
These are a set of tools, libraries, conventions, and best practices that enable the designers to cut down their routine tasks into reusable generic modules. | show 🗑
|
||||
show | responsive grid system
🗑
|
||||
show | bootstrap
🗑
|
||||
show | t
🗑
|
||||
show | t
🗑
|
||||
show | grid options
🗑
|
||||
show | auto-layout columns
🗑
|
||||
show | equal-width
🗑
|
||||
show | setting one column width
🗑
|
||||
show | equal-width multi-row
🗑
|
||||
show | alignment
🗑
|
||||
show | no gutters
🗑
|
||||
show | column wrapping
🗑
|
||||
show | order classes
🗑
|
||||
show | off-setting columns
🗑
|
||||
show | offset classes
🗑
|
||||
With the move to flexbox in v4, you can use margin utilities like .mr-auto to force sibling columns away from one another. | show 🗑
|
||||
show | nesting
🗑
|
||||
show | t
🗑
|
||||
Documentation and examples for Bootstrap’s media object to construct highly repetitive components like blog comments, tweets, and the like | show 🗑
|
||||
Responsible for breaking data being sent across an IP connection into small packets, and then reassembling these when they arrive at their destination. | show 🗑
|
||||
show | Transmission Control Protocol
🗑
|
||||
show | File Transfer Protocol
🗑
|
||||
show | Internet Service Provider
🗑
|
||||
TELNET MEANS | show 🗑
|
||||
A language that describes a document’s structure and content. | show 🗑
|
||||
HTTP MEANS | show 🗑
|
||||
HTTPS MEANS | show 🗑
|
||||
Hypertext is a method of organizing information that gives the reader control over the order in which the information is presented. Group of answer choices FALSE TRUE | show 🗑
|
||||
It is a unique web address. | show 🗑
|
||||
URL MEANS | show 🗑
|
||||
The positioning of the various elements that make a website. | show 🗑
|
||||
show | web navigation
🗑
|
||||
show | Tim Berners-Lee
🗑
|
||||
show | www
🗑
|
||||
show | www
🗑
|
||||
The Microsoft Edge is a free web browser from Microsoft which was released in 1995. t/f | show 🗑
|
||||
show | t
🗑
|
||||
The Internet Backbone is the primary system of networks connecting both major connection and Internet users to the Internet itself. t/f | show 🗑
|
||||
It is the receiver and the interpreter of the requested instructions through Web browser. | show 🗑
|
||||
XML MEANS | show 🗑
|
Review the information in the table. When you are ready to quiz yourself you can hide individual columns or the entire table. Then you can click on the empty cells to reveal the answer. Try to recall what will be displayed before clicking the empty cell.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.
Normal Size Small Size show me how
Normal Size Small Size show me how
Created by:
user-1837474