Exam (elaborations)
Bootstrap Exam With All Questions and Verified Answers
- Course
- Institution
Bootstrap Exam With All Questions and Verified Answers...
[Show more]
Seller
Follow
Content preview
Bootstrap Exam With All Questions and Verified Answers How to View HTML Source? - ANSWER right click and click view source CDN - ANSWER Is used for content delivery so that users pages will l oad faster from a server that is closest to them. You can use this If you don't want to use bootstrap Add the HTML 5 doctype when not on codepen - ANSWER <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> </html> Bootstrap 3 is mobile-first - ANSWER //Bootstrap 3 is designed to be responsive to mobile devices. Mobile-first styles are part of the core framework. To ensure proper rendering and touch zooming, add the following <meta> ta g inside the <head> element: // ie. <meta name="viewport" content="width=device-width, initial-scale=1"> // width=device-width set the width of the content to be the width of t he devise. initial-scale=1 sets the initial zoom when the content loads. .container - ANSWER is a class that provides a responsive fixed width cont ainer .container-fluid - ANSWER provides a full width of the view port In bootstrap you have rows and columns - ANSWER with a limit of 12 col umns and unlimited row. Both are found in you container Grid Classes The Bootstrap grid system has four classes: - ANSWER xs (for phones) sm (for tablets) md (for desktops) lg (for larger desktops) The classes above can be combined to create more dynamic and flexible layouts. Basic structure of a bootstrap grid is - ANSWER <div class="row"> <div class="col-*- n> </div> </div> Bootstrap's Default Settings - ANSWER Bootstrap's global default fon t-size is 14px, with a line-height of 1.428. This is applied to the <body> element and all paragraphs (<p>). In addition, all <p> elements have a bottom margin that equals half thei r computed line-height (10px by default). In Bootstrap the HTML <small> element - ANSWER is used to create a lighter, secondary text in any heading: ie. show an example <mark> element is used to highlight text - ANSWER <mark>text</mark> <abbr> element will take a sent of number and abbreviate them - ANSWER <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p> Bootstrap will style the HTML <blockquote> (differently) - ANSWER <blockquote> <p>For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is s upported by 1.2 million members in the United States and close to 5 million gl obally.</p> <footer>From WWF's website</footer> .blockquote-reverse class (bootsrap) - ANSWER will show a quote on t he right Bootstrap also has some contextual classes that can be used to provide "meani ng through colors". - ANSWER The classes for text colors are:.text-muted, .text-primary, .text-success, .text-info, .text-warning, and .text-danger: class initialism - ANSWER Displays the text inside an <abbr> element in a slightly smaller font size .list-unstyled - ANSWER Removes the default list-style and left margin on lis t items (works on both <ul> and <ol>). This class only applies to immediate chil dren list items (to remove the default list-style from any nested lists, apply this class to any nested lists as well) (ie) <div class="container"> <h2>Typography</h2> <p>The class .list-unstyled removes the default list-style and left margin on list items (immediate children only):</p> <ul class="list-unstyled"> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> </div> .list-inline - ANSWER Places all list items on a single line .dl-horizontal - ANSWER Lines up the terms (<dt>) and descriptions (<dd>) in <dl> elements side- by-side. Starts off like default <dl>s, but when the browser window expands, it will line up side- by-side .pre-scrollable (bootrap) - ANSWER Makes a <pre> element scrollable Try it Name all the table classes you can use in bootstrap - ANSWER .table, .table-striped, .table-bordered, .table-hover, and .table-condensed Contextual classes can be used to color table rows (<tr>) or table cells (<td>) - ANSWER The .table-responsive class creates a responsive table. The table will then s croll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, there is no difference: - ANSWER <div class="table-responsive"> <table class="table"> ... </table> </div> Whenever you use a table class you must put...... - ANSWER <table class="table"> when adding multiple classes - ANSWER don't put comm as rounded corners in bootstrap. - ANSWER class="img-rounded"The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller Humat. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $12.49. You're not tied to anything after your purchase.
Can Stuvia be trusted?
4.6 stars on Google & Trustpilot (+1000 reviews)
75632 documents were sold in the last 30 days
Founded in 2010, the go-to place to buy study notes for 14 years now