0400771611

0400771611

Responsive Images

Responsive images are images that scale nicely to fit any browser size.
Using the width Property
If the CSS width property is set to 100%, the image will be responsive and scale up and down:
Notice that in the example above, the image can be scaled up to be larger than its original size. A better solution, in many cases, will be to use the max-width property instead.
Using the max-width Property If the max-width property is set to 100%, the image will scale down if it has to, but never scale up to be larger than its original size


Form Elements

This chapter describes all the different HTML form elements.
The input Element
One of the most used form element is the input element.
The input element can be displayed in several ways, depending on the type attribute. 0400771611


Design for Mobile First

Always Design for Mobile First
Mobile First means designing for mobile before designing for desktop or any other device (This will make the page display faster on smaller devices).
This means that we must make some changes in our CSS.
Instead of changing styles when the width gets smaller than 768px, we should change the design when the width gets larger than 768px. This will make our design Mobile First:


0400771611

Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.


Display property

Quickly and responsively toggle the display value of components and more with our display utilities. Includes support for some of the more common values, as well as some extras for controlling display when printing. 0400771611


Vertical alignment

Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.


0400771611

Related Content

0680935115

Media object Documentation and examples for Bootstrap’s media object to construct highly repetitive components like blog comments, tweets, and the like.

0643334960

Borders Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.

0820484000

Visibility Control the visibility, without modifying the display, of elements with visibility utilities.

19815

Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

0651620186

Vertical alignment Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.

0621792784

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