Busy. Please wait.
Log in with Clever
or

show password
Forgot Password?

Don't have an account?  Sign up 
Sign up using Clever
or

Username is available taken
show password

Your email address is only used to allow you to reset your password. See our Privacy Policy and Terms of Service.


Already a StudyStack user? Log In

Reset Password
Enter the associated with your account, and we'll email you a link to reset your password.

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!  

Question / Answer
Question / Answer
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.

 
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
Created by: user-1837474