Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
75 Cards in this Set
- Front
- Back
|
"You need to scale a web project from phones to tablets to desktops by using Bootstrap. Which layout type should you use?" |
"responsive" |
|
|
"How many device sizes does Bootstrap include in the grid system?" |
"4" |
|
|
"Give two reasons would you use Bootstrap?" |
"CSS can be tricky. |
|
|
"Which type of project does Bootstrap build?" |
"mobile–first" |
|
|
"Does boot strap require JQuery ?" |
"Yes" |
|
|
"Is bootstrap Open Source ?" |
"Yes" |
|
|
"Give four reason why you would use Bootstrap Components" |
"They Look Good |
|
|
"What is the differnce of bootstrap.css and bootstrap.min.css" |
"The bootstrap.min.css is the optomized version for browsers by removing all white spaces. |
|
|
"List three types of grouping controls" |
"Jumbotron |
|
|
"How do you create a Jumbotron Component ?" |
"set class to "jumbotron"" |
|
|
"How do you create a label Component ?" |
"set class to ="label"" |
|
|
"How do you set the color of the label ?" |
"Add one of the following class's after label |
|
|
"How do you create a plannel Component ?" |
"Add class="panel"" |
|
|
"What is the keyboard shortcut to lanch the snipit menu." |
"Ctrl + K + X" |
|
|
"How do you create a Glyphicon ?" |
"Add the glyphicon and glyphicon–modifier class's" |
|
|
"How do you create a button Component ?" |
"Add a "btn" class to the HTML element and btn–modifier |
|
|
"Bootstrap Snippet Pack Extention" |
"Adds bootstrap snippets." |
|
|
"What is the minified version of the Bootstrap CSS file?" |
"bootstrap.min.css" |
|
|
"What is an example class that is used to create a Bootstrap button?" |
"btn btn–default" |
|
|
"A combination of classes is required to display a component." |
"True" |
|
|
"What is one way to create a jumbotron component?" |
"Add a class named jumbotron to a DIV element." |
|
|
"Which two navigation components are included with Bootstrap?" |
"Pagination |
|
|
"List the four grid classes for colums" |
"col–lg–# |
|
|
"How many Grids are there ?" |
"4 One for each screensize |
|
|
"How can you easily add a surronding tags round Html ?" |
"Select Content then press Ctrl + K + S |
|
|
"If you only want to duplicate styles for Lg and md and for sm and xs what two classes do you use ?" |
"col–md–# and col–xs–#" |
|
|
"List three Controlling Placement Methods" |
"Offset – Flows in order, leaves specific columsn blank |
|
|
"What are the two display options" |
"–Hidden |
|
|
"How do the display options work ?" |
"If you set the display for a item then the opposite will apply for the larger or smaller display" |
|
|
"When defining form placements is form–group a also a row ?" |
"Yes, you dont need to add row" |
|
|
"What class do you use to indentify a form ?" |
"form–horizontal and form–" |
|
|
"Class will you use in Bootstrap include to support a large screen (greater than 1200 pixels) and to take up 6 columns?" |
"col–lg–6" |
|
|
"List two characteristics do Bootstrap forms defaults ?" |
"vertical display |
|
|
"How do you add Visual Studio IntelliSense for bootstrap and Jquery Javascript files?" |
"adding a new script file named _references.js to the Scripts folder |
|
|
"Where will content be moved when it exceeds the maximum amount of columns within the Bootstrap grid?" |
"the next row" |
|
|
"Which two Bootstrap items are included in a new ASP.NET MVC or ASP.NET Web Forms template by default?" |
"fonts (glyphicons) |
|
|
"Where should updates to the Bootstrap website design be completed?" |
"Theme CSS" |
|
|
"Which two items should be changed when you modify the templates?" |
"table classes |
|
|
"Creating a new ASP.NET MVC or ASP.NET web forms project in Visual Studio 2013 includes Bootstrap by default." |
"True" |
|
|
"In which two ways can you change project scaffolding?" |
"Per–project using scaffolding templates |
|
|
"How do you define a Model popup in Bootstrap ?" |
" |
|
|
"How do you flag a button to hide a modal ?" |
"add data–dismiss="modal"" |
|
|
"How do you create an alert component ?" |
"set class to alert alert–type" |
|
|
"How does an alert differ from a modal dialoge ?" |
"Modal dialog's require the users attention and action before they can use any of the site. |
|
|
"How do you make an alert dismissable ?" |
"add the alert–dismissible class" |
|
|
"What two methods does bootstrap offer to provide help ?" |
"ToolTip |
|
|
"How do you create a tooltip" |
"Add data–toggle="tooltip" |
|
|
"How do you display tabs ?" |
"Reviews |
|
|
"You must write additional JavaScript to ensure Bootstrap tabs, scrollspy, affix, and accordion components function correctly." |
"False" |
|
|
"What must be configured to use a modal dialog box?" |
"dialog, launcher, and closer CSS classes" |
|
|
"In which two ways does Bootstrap provide help within a web application?" |
"popover for a click |
|
|
"Which two actions must you perform to create a Bootstrap alert?" |
"add a CSS class of alert |
|
|
"Which action must be done by using a modal dialog box?" |
"Interacting with the dialog box before returning to the application" |
|
|
"What is LESS ?" |
"LESS = CSS + Variables + Funcstion + Mixins |
|
|
"List three ways you can compile less" |
"Grunt |
|
|
"A mixin is a way to include properties from one CSS rule set to another rule set." |
"True" |
|
|
"Which two options are examples of utility mixins?" |
"image dithering |
|
|
"Vendor mixins are deprecated and not recommended for use because Bootstrap provides an autoprefixer to provide the functionality of a vendor mixin." |
"True" |
|
|
"What does LESS combine?" |
"CSS, variables, functions, mixins" |
|
|
"Which technology was used to build the source code of Bootstrap?" |
"LESS" |
|
|
"You must purchase additional Bootstrap themes from only the official Bootstrap site." |
"False" |
|
|
"Which file should you modify when you create your own Bootstrap theme?" |
"bootstrap.css" |
|
|
"The Microsoft CDN is required to receive the Bootstrap JavaScript and CSS files." |
"False" |
|
|
"Which character must you prepend to the word class to add a CSS class to an MVC view?" |
"@" |
|
|
"Which two reasons why you would use a content delivery network (CDN)?" |
"It serves up Bootstrap resources, such as CSS or JavaScript, for your web application. |
|
|
What can you do to make your site look better on a mobile device?
|
Add a viewport tag, it keeps the sizing of your site larger on a mobile device so that it won't look too small
eg. |
|
|
What should you do to make your Html more readable? And give an example you should do when working with your navigation elements |
Symantics, you should place your navigation elements within a
|
|
|
How do you link your own external javascript |
|
|
|
What is the difference between the container class and the container-fluid class?
|
The container class will only change the size of the grid at certain break points where the container-fluid will change it as the size of the browser is changed. |
|
|
What are the functions of columns? |
To create breakpoints and adjust padding
|
|
|
What can you do to make your Html easier to read and follow and to help prevent getting confused?
|
Adding comments after your closing divs and also making sure your html had the proper indentation. |
|
|
The nav class is the parents to nav elements, give examples of nav classes/ |
nav-tabs nav-pills
|
|
|
How do you add a navbar? |
need to add class="navbar navbar-default/inverse" in main <nav> tag. |
|
|
How do you create and alter the way a heading looks in your navbar? |
<div class="navbar-header"></div> - for a heading in the navbar
add class="navbar-brand" - gives look and feel of heading. |
|
|
How do you remove rounded borders for your navbar or anything that may have rounded borders by default?
|
In styles sheet. make border radius of navbar class to 0 to remove rounded edges. |
