0503866327

0503866327

Background Images

Different Images for Different Devices
A large image can be perfect on a big computer screen, but useless on a small device. Why load a large image when you have to scale it down anyway? To reduce the load, or for any other reasons, you can use media queries to display different images on different devices.


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. 0503866327


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


0503866327

Breadcrumb

Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.


Spinners

Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript. 0503866327


Close icon

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


0503866327

Related Content

01598627865

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.

0486578381

HTML Versus XHTML XHTML is a stricter, more XML-based version of HTML.
What is XHTML?
XHTML stands for EXtensible HyperText Markup Language
XHTML is a stricter, more XML-based version of HTML
XHTML is HTML defined as an XML application
XHTML is supported by all major browsers
Why XHTML?
XML is a markup language where all documents must be marked up correctly (be "well-formed").
XHTML was developed to make HTML more extensible and flexible to work with other data formats (such as XML). In addition, browsers ignore errors in HTML pages, and try to display the website even if it has some errors in the markup. So XHTML comes with a much stricter error handling

0248262543

Button group Group a series of buttons together on a single line with the button group, and super-power them with JavaScript.

0400106709

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:

0400141057

Geolocation API The HTML Geolocation API is used to locate a user position.
Locate the User Position
The HTML Geolocation API is used to get the geographical position of a user.
Since this can compromise privacy, the position is not available unless the user approves it.

0696016238

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