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

Source: Internet
Author: User
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!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.