0400773129

0400773129

Buttons

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


Button group

Group a series of buttons together on a single line with the button group, and super-power them with JavaScript. 0400773129


Input group

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.


0400773129

Toasts

Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.


Stretched link

Make any HTML element or Bootstrap component clickable by “stretching” a nested link via CSS. 0400773129


What Are We Building?

In this tutorial, we’ll show how to build an interactive tic-tac-toe game with React.
You can see what we’ll be building here: Final Result. If the code doesn’t make sense to you, or if you are unfamiliar with the code’s syntax, don’t worry! The goal of this tutorial is to help you understand React and its syntax.
We recommend that you check out the tic-tac-toe game before continuing with the tutorial. One of the features that you’ll notice is that there is a numbered list to the right of the game’s board. This list gives you a history of all of the moves that have occurred in the game, and it is updated as the game progresses.
You can close the tic-tac-toe game once you’re familiar with it. We’ll be starting from a simpler template in this tutorial. Our next step is to set you up so that you can start building the game.


0400773129

Related Content

0886383629

Entities HTML Entities Some characters are reserved in HTML.
If you use the less than or greater than signs in your text, the browser might mix them with tags.
Character entities are used to display reserved characters in HTML.
A character entity looks like this:

0500592672

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

16057

HTML Video How it Works
The controls attribute adds video controls, like play, pause, and volume.
It is a good idea to always include width and height attributes. If height and width are not set, the page might flicker while the video loads.
The source element allows you to specify alternative video files which the browser may choose from. The browser will use the first recognized format.
The text between the video tags will only be displayed in browsers that do not support the video element.

0464278968

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

0820472867

CSS Selectors CSS selectors are used to "find" (or select) the HTML elements you want to style.
We can divide CSS selectors into five categories:
Simple selectors (select elements based on name, id, class)
Combinator selectors (select elements based on a specific relationship between them)
Pseudo-class selectors (select elements based on a certain state)
Pseudo-elements selectors (select and style a part of an element)
Attribute selectors (select elements based on an attribute or attribute value)

0820950081

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.