A free and open-source front-end web frameworkfor designing websites and web applications (used a lot with AngularJS & the ASP. NET Core)
Sass or SCSS (def'n)
This is a scripting language that is compiled into regular CSS, and was created to help writing CSS easier and more efficient.
bootstrapconsists of a collection of _?_ and _?_ files.
What is the main goal of bootstrap?
Abstracts some of the tedious and difficult aspects of css, media query and crossplatform compatibility, so users can focus on making the site look they way they want.
Explain why to choose Bootstrap for building the websites?
Easy to learn
What are the key components of Bootstrap?
Explain what are class loaders in Bootstrap?
Class loader is a part of JRE (Java Runtime Environment) which loads Java classes into Java virtual environment. Class loaders also does the process of converting a named class into its equivalent binary form.
What are the types of layout available in Bootstrap?
Fluent Layout (def'n)
This layout in Bootstrap is used when you want to create a app that is 100% wideand uses up all the width of the screen.
Fixed Layout (def'n)
This layout in Bootstrap is used when you want to create an app w/ a standard screen you will use a fixed (940 px) option.
Bootstrap Grid System (def'n)
For creating page layout through a series of rows and columns that house your content this is used
offset columns (def'n)
A useful feature for more specialized layouts. For more spacing they can be used by pushing column over.
Example of an offset column.
example .col-xs=* classes do not support offset but they are easily replicated using an empty cell
column ordering (def'n)
One of the feature available in bootstrap and you can easily write columns in an order and show them in another one. With .col-md-push-* and .col-md-pull-* the order of the column can be easily changed.
.container keyword (def'n)
Used towrap page content and also to center the content.
This is the handling of an unordered list by bootstrap
.pagination class (def'n)
To get pagination on your page you have to add this class.
.disabled: pagination (def'n)
used to customize links for un-clickable links for pagination.
the context of setting up pagination, this is added to indicate the current page.
Use these classes to get different size items.
Jumbotron; use of (def'n)
Generally used for content that you want to highlight like some slogan or marketing headline etc. in other words it is used to enlarge the size of the headings and to add a margin for landing page content
jumbotron syntax (example)
container; syntax (example)
<p>This is some text.</p>
<p>This is another text.</p>
What are the two ways you can display the code? (list)
<code> tag (def'n)
If you are going to display code inline use this tag.
<pre> tag (def'n)
To display the code as a standalone blockelement or it has multiple lines use this tag.
Write an example of displaying code using the pre tag. (example)
The steps for creating basic or verticalforms (list)
(1) Add a role form to the parent <form> element
(2) Wrap labels and controls in a <div> with class .form-group. To achieve optimum spacing this is needed
(3) Add a class of .form-control to all texturl <input> , <textarea> , and <select> elements
Modal plugin (def'n)
This is a child window that is layered over its parent window. This uses a custom Jquery Plugin to accomplish the effect.
Modal plugin (example)
A full example of a modal window in bootstrap:
This is a class which that creates a centeredareawithin the page where our site content can be put within.
collapsing elements (def'n)
data-toggle= “collapse” (def'n)
In Bootstrap to apply collapsing elementsyou have to add this attribute to the controller element along with a data-targetor hrefto automatically assign control of a collapsible element.
How you can add badge to list group in Bootstrap?
To add badge to list group in Bootstrap you have to simply add <spanclass = “badge”>within the <li> element.
media object (def'n)
These objects in Bootstrap enables to put objects like image, video or audio to the left or right of the content blocks.
What does a media object in bootstrap look like on a web page? (non-code example)
When setting the class attribute of a div to this keyword, the area inside the div makes the content to appear sunken or an inseteffect on the page.
Explain how you can create Nav elements in Bootstrap? (list)
(1) Start with a basic unordered list with the base class of .nav
(2) Then add class .nav-tabs
spacing format: my-2 (def'n & example)
property:m for margin, and p for padding.
sides: y for classes that set both *-top and *-bottom
: 2 - (by default) for classes that set the margin or padding to$spacer-x * .5 or $spacer-y * .5