0400995780

0400995780

Paragraphs

A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a paragraph.


The id Attribute

The HTML id attribute is used to specify a unique id for an HTML element (the value must be unique within the HTML document).
Using The id Attribute
The id attribute is used by CSS or JavaScript to perform certain tasks for the element with the specific id value.
In CSS, to select an element with a specific id, write a hash (#) character, followed by the id of the element: 0400995780


Grid Container

To make an HTML element behave as a grid container, you have to set the display property to grid or inline-grid.
Grid containers consist of grid items, placed inside columns and rows.


0400995780

Bootstrap Containers

You learned from the previous chapter that Bootstrap requires a containing element to wrap site contents.
Containers are used to pad the content inside of them, and there are two container classes available:
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


Text/Typography

Bootstrap 4 uses a default font-size of 16px, and its line-height is 1.5.
The default font-family is "Helvetica Neue", Helvetica, Arial, sans-serif.
In addition, all p elements have margin-top: 0 and margin-bottom: 1rem (16px by default). 0400995780


Flex

Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities. For more complex implementations, custom CSS may be necessary.


0400995780

Related Content

033151331

Close icon Use a generic close icon for dismissing content like modals and alerts.

0930355740

Pagination Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.

0860457055

Modal Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

0453269453

Carousel The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous next controls and indicators.
In browsers where the Page Visibility API is supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when the browser tab is inactive, the browser window is minimized, etc.).

0923324467

Collapse Toggle the visibility of content across your project with a few classes and our JavaScript plugins.

0480169436

What is HTML? HTML stands for Hyper Text Markup Language
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements are represented by tags
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
Browsers do not display the HTML tags, but use them to render the content of the page