0480479103

0480479103

Comments

HTML comments are not displayed in the browser, but they can help document your HTML source code.


Responsive Web Design

Responsive web design makes your web page look good on all devices. Responsive web design uses only HTML and CSS. Responsive web design is not a program or a JavaScript. 0480479103


Colors

Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.


0480479103

Spacing

Bootstrap includes a wide range of shorthand responsive margin and padding utility classes to modify an element’s appearance.


Components and Props

Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the idea of components. You can find a detailed component API reference here.
Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called “props”) and return React elements describing what should appear on the screen. 0480479103


Lifting State Up

Often, several components need to reflect the same changing data. We recommend lifting the shared state up to their closest common ancestor. Let’s see how this works in action.


0480479103

Related Content

0920499265

State and Lifecycle This page introduces the concept of state and lifecycle in a React component. You can find a detailed component API reference here.
Consider the ticking clock example from one of the previous sections. In Rendering Elements, we have only learned one way to update the UI. We call ReactDOM.render() to change the rendered output:

033916952

Background Images Different Images for Different Devices
A large image can be perfect on a big computer screen, but useless on a small device. Why load a large image when you have to scale it down anyway? To reduce the load, or for any other reasons, you can use media queries to display different images on different devices.

0693498285

Handling Events Handling events with React elements is very similar to handling events on DOM elements. There are some syntax differences:
React events are named using camelCase, rather than lowercase.
With JSX you pass a function as the event handler, rather than a string.

030794324

Popovers Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.

0556927601

Input form* Attributes This chapter describes the different form* attributes for the HTML form input element.
The form Attribute
The input form attribute specifies the form the input element belongs to.
The value of this attribute must be equal to the id attribute of the form element it belongs to.

0880496619

Text Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.