Chapter 10 page header thumbnails and warning box widget _ javascript skills

Bootstrap, from Twitter, is currently the most popular front-end framework. Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is concise and flexible, making Web development faster. This article introduces the thumbnail of the page header and the warning box component in chapter 10 of the BootStrap component. For more information, see Bootstrap, from Twitter, is currently the most popular front-end framework. Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is concise and flexible, making Web development faster. Next, let's talk about the learning points.

Learning points:

1. Giant screen Components

2. page header component

3. thumbnail Components

4. Warning box component

In this lesson, we will mainly learn about Bootstrap's four component functions: the giant screen component, the page header component, the thumbnail component, and the warning box component.

I. Giant screen Components

The giant screen component is mainly used to display key areas of a website.

// There are rounded corners in a fixed range
Website title
This is a learning website!
More
// 100% full screen, no rounded corner
Website title
This is a learning website!
More

Ii. page header Components

// Add some space
TitleSubtitles
 

Iii. thumbnail Components

// The thumbnail works with the response
// Custom content
Images and texts
This is a thumbnail of an image and text.
Enter
Images and texts
This is a thumbnail of an image and text.
Enter
Images and texts
This is a thumbnail of an image and text.
Enter
Images and texts
This is a thumbnail of an image and text.
Enter
 

4. Warning box component

The warning box component is a set of predefined messages.

// Basic warning box
Bootstrap
Bootstrap
Bootstrap
Bootstrap
// Warning box with closed
Bootstrap×
// Automatically adapted hyperlink
Go to the official website to download Bootstrap.

The above content is the thumbnail and warning box component of the giant screen page header in chapter 10 of the BootStrap component introduced by the editor. I hope it will help you!