Page Stats
Visitor: 372
Bootstrap 4 Layout
Bootstrap requires the use of the HTML5 doctype, and HTML tag along with the lang attribute, and the correct meta character set.
Bootstrap is developed mobile first, a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries. To ensure proper rendering and touch zooming for all devices, add the responsive viewport meta tag to your <head> section.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
</html>
Bootstrap 4 also requires a container element to wrap site contents. There are two container classes:
The '.container' class provides a responsive fixed width container
The '.container-fluid' class provides a full width container, spanning the entire width of the viewport
Example 1: Create web page using Bootstrap 4 using '.container' class.
Example 2: Create web page using Bootstrap 4 using '.container-fluid' class.