Bootstrap V3 Study notes: Getting Started

1. HTML5 Document Type

Some of the HTML elements and CSS properties used by Bootstrap require the page to be set to the HTML5 document type.

2, mobile device first

In Bootstrap 3, support for mobile devices is fused directly into the framework's kernel, meaning that Bootstrap is a priority for mobile devices.

To ensure proper drawing and touch-screen scaling, you need to add the viewport metadata label.

<meta name="viewport" content="width=device-width, initial-scale=1">

On the mobile device browser, user-scalable=no You can disable the zoom (zooming) feature by setting the Meta property for the viewport (viewport). By disabling the zoom feature, users can only scroll the screen to make your site look more like the native app. Note that this way we do not recommend the use of all sites, or to see your own situation depends on!

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

3. Typesetting and linking

Bootstrap layout, link style Sets the basic global style. respectively:

• bodyset for elementbackground-color: #fff;
• Use @font-family-base , @font-size-base and @line-height-base a variables as the basic parameters of typesetting
• Basic colors are set for all links @link-color , and underline is added when the link is in the :hover state

These styles can be found in the scaffolding.less file of the corresponding source code.

Bootstrap V3 Study notes: Getting Started