Help
Options
Didn't know it?
click below
click below
Knew it?
click below
click below
Don't Know
Remaining cards (0)
Know
retry
shuffle
restart
0:00
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
SIDE SCRIPTING
| Question | Answer |
|---|---|
| boot strap's_______ provide a flexible and extensible content container with multiple variants and options | |
| always you to specify a class that is 100% wide until the specified breakpoint is reached after which we apply max width for each of the higher breakpoints | |
| width are set in percentages so there always fluid and sized relative to their parent element is it a.FLEX box b. column c grid layout d.grid responsive | |
| for grid that are the same form the smallest of devices to the largest use the .co. and .col-*classes. specify a numbered class when you need a particular sized column other wise feel free to stick to .col equal width multi row stacked to horizontal | |
| bootstrap's______ uses a series of containers rows and columns to layout and align content grid system line system binary system polygonal system | |
| are wrappers for column padding container rows column | |
| thanks to _______ grid columns without a specific width will automatically layout as equal width columns for example four instances of col-sm will each automatically be 25% wide from the small breakpoint and up | |
| ______________our default .container class is a responsive fixed width container meaning its max width changes at each breakpoint | |
| our default .container class is a responsive fixed width container meaning its max width changes at each breakpoint | |
| if more that 12 columns are places within a single row each group of extra column will as one unit onto a new line____________ | |
| these_________ are mostly based on minimum viewport widths and allow us to scale up elements as the viewport changes | |
| _________ a collection of element-specific CSS changes in a single file kickstart bootstrap to provide an elegant consistent and simple baseline to build upon | |
| use col-[breakpoint]-auto classes to size columns based on the natural width of their content A. variable width content b.equal width c.setting one column width auto layout column | |
| ______reboot builds upon normalizing providing many HTML elements with somewhat opinionated styles using only element selectors | |
| _______ and options for laying out your bootstrap project including wrapping containers a powerful grid systems a flexible media object and responsive utility classes | |
| ________ breaking points are based on minimum width media queries, meaning they apply to that one breakpoint and all those above it( e.g .col-sm-4applies to small, medium, large,and extra large devices but not the first xs breakpoint) | |
| while bootstrap uses ems or rems for defining most sizes,pxs are used for grid breakpoints and ______ widths. this is because the viewport width is in pixels and does not change with the font size | |
| don't want your columns to simply stack in some grid tiers use a combination of different classes for each tier as needed. | |
| while containers can be nested most layouts do not require a nested___________ | |
| each_______ has horizontal padding(called gutter) for controlling the space between them a. padding b.container c,column d.rows | |
| the _________ is then counteracted on the rows with negative margins this way all the content in your columns is visually aligned down th eleft side a. column b.container c.rows d.padding | |
| use flexbox alignment utilities to vertically and horizontally align columns a. mix and match b. no gutter c. column writing d.alignment | |
| use flexbox alignment utilities to vertically and horizontally align columns true or false | |
| utilize breakpoint specific column classes for easy column sizing without an explicit numbered class like .col-sm-6 a. Auto layout columns equal-width c.setting one column width d.variable width content | |
| utilize breakpoint specific column classes for easy column sizing without an explicit numbered class like .col-sm-6 auto layout columns equal-width setting one column width variable width content | |
| __________ these higher values start at an arbitrary number high and specific enough to ideally avoid conflicts we need a standard set of these across our layered components tool tips popovers nav bars dropdown modals | |
| __________ since bootstrap is developed to be mobile first we use a handful of media queries to create sensible breakpoints for our layout and interfaces | |
| The Id selector can only be applied to one unique element true or false | |
| External styles are styles best used to control styling on one page also known as embedded stylesheet true or false | |
| Static A page layout that uses preset page size and does not change based on the browser width true or false | |
| Each part of the box model corresponds to a CSS property width height padding border and MARGIN | |
| Each part of the box model corresponds to a CSS property width height padding BORDER and margin true or false | |
| The properties used in a stylesheet dictates how a certain aspect of the selector will be changed visually true or false | |
| The background holds the theme of website true or false | |
| Each part of the box model corresponds to a CSS property WIDTH height padding border and margin true or false | |
| CCS1 the first version of CSS released in December 1997 | |
| A declaration consist of property and VALUE true or false | |
| EXTERNAL STYLES are styles that are written directly in the tag in the HTML document which affect only the specific tag they are applied to true or false | |
| CCS2 the first version of CSS released in december 1997 | |
| A declaration consist of property and value true or false | |
| Value a basic CSS syntax which is indicates the particular markup value for that attribute true or false | |
| width is the amount of space an element takes from left to right true or false | |
| CSS3 a version of CSS that was released in may 1998 true or false | |
| Solid is not considered as a common page layout true or false | |
| A html5 rule is made up of a selector and declaration true or false | |
| :HOVER selects any link that your user is pointing to with mouse pointer true or false | |
| CSS4 this is the latest release of CSS true or false | |
| height is the amount of space an element takes from base to top true or false | |
| the weight value of 700 is the same as bold weight true or false | |
| HTML5 are patterns used to select the elements you want to style true or false | |
| Adaptive a page layout that uses CSS media queries to detect the width of the browser and alter the layout accordingly true or false | |
| Internal styles are styles best used to control styling on one page also known as embedded stylesheet true or false |
Created by:
wowwers