-
STEP-5XX
3-
Lecture1.1
-
Lecture1.2
-
Lecture1.3
-
-
STEP-500
11-
Lecture2.1
-
Lecture2.2
-
Quiz2.1
-
Lecture2.3
-
Quiz2.2
-
Lecture2.4
-
Quiz2.3
-
Lecture2.5
-
Lecture2.6
-
Lecture2.7
-
Lecture2.8
-
-
STEP-501
5-
Lecture3.1
-
Lecture3.2
-
Lecture3.3
-
Lecture3.4
-
Lecture3.5
-
-
STEP-502
5-
Lecture4.1
-
Lecture4.2
-
Lecture4.3
-
Lecture4.4
-
Lecture4.5
-
-
STEP-503
5-
Lecture5.1
-
Lecture5.2
-
Lecture5.3
-
Lecture5.4
-
Lecture5.5
-
-
STEP-504
4-
Lecture6.1
-
Lecture6.2
-
Lecture6.3
-
Lecture6.4
-
-
STEP-505
4-
Lecture7.1
-
Lecture7.2
-
Lecture7.3
-
Lecture7.4
-
Intro. to Bootstrap
Bootstrap is a free, open-source HTML, CSS, and JavaScript framework developed by Twitter for creating responsive web applications.
It includes HTML and CSS based design templates for common user interface components like Buttons, Dropdowns, Typography, Tabs, Forms, Tables, Navigations, Alerts, Modals, Accordion, Carousel etc. along with optional JavaScript extensions.
Bootstrap framework is based on open standards – HTML, CSS, and JavaScript. This means bootstrap can be used with any server-sideServer-side scripting is a technique used in web development which involves employing scripts on a web server which produce a response customized for each user's (client's) request to the website. The alternative is for the web server itself to deliver a static web page. Scripts can be written in an... technology and any platform. You can use it with any web application built with any server-sideServer-side scripting is a technique used in web development which involves employing scripts on a web server which produce a response customized for each user's (client's) request to the website. The alternative is for the web server itself to deliver a static web page. Scripts can be written in an... technology like ASP.NET, JAVA, PHP etc.
Things You Should Know
- Bootstrap a front-end framework that provides responsive design functionality.
- Bootstrap has been created and is maintained by the development team at Twitter.
- Bootstrap helps us create responsive web applications faster and easier and saves a lot of development time.
- Bootstrap requires the use of the HTML5 doctypeThe declaration must be the very first thing in your HTML document, before the tag. The declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. In HTML 4.01, the declaration refers to a DTD, because HTML 4.01 was based on SGML. The D....
- without it, you’ll see incomplete styling
- including it shouldn’t cause any considerable hiccups
- Bootstrap was developed by Twitter to encourage consistency through utilizing a centralized development code-base.
- Bootstrap can be customized easily allowing for creative, original designs to leverage its functionality. (Customize Bootstrap)
- Bootstrap is developed mobile firstUsing the constraints and capabilities of mobile devices to focus and prioritize. By starting with the most constrained smartphone form factor, teams are forced to make choices. It’s easier to start small and work up than to start with a desktop site and try to fit everything into a smaller view. ..., a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queriesEnable the browser to test whether a device supports a particular media type and desired features, like a screen that has a minimum width of 780 pixels. In response, the browser loads different CSS which changes the way the content appears. Adding support for media queries to the CSS3 spec is what m....
- To ensure proper rendering and touch zooming for all devices, add the responsive viewportThe size of a webpage rendered in the browser window minus any browser chrome. Early mobile devices relied on two sizes of viewports: the visual viewport defined the visible screen real estate (say, 320 pixels), while the layout viewport was a larger virtual screen size (say, 980 pixels). This enabl... meta tag to your
<head>
. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- To ensure proper rendering and touch zooming for all devices, add the responsive viewportThe size of a webpage rendered in the browser window minus any browser chrome. Early mobile devices relied on two sizes of viewports: the visual viewport defined the visible screen real estate (say, 320 pixels), while the layout viewport was a larger virtual screen size (say, 980 pixels). This enabl... meta tag to your
- Bootstrap uses Reboot to correct inconsistencies across browsers and devices while providing slightly more opinionated resets to common HTML elements
- allows for improved cross-browser rendering
- Bootstrap is one of the most popular frameworks backed by a large community and excellent documentation.