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
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:
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
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
Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.
Media object Documentation and examples for Bootstrap’s media object to construct highly repetitive components like blog comments, tweets, and the like.
Borders Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
Visibility Control the visibility, without modifying the display, of elements with visibility utilities.
Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Vertical alignment Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.