Bootstrap Tutorial 2018

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.

My First Bootstrap Page

Resize the browser window to see the effect.col-sm-4

Средняя колонка.col-sm-4

Правая колонка.col-sm-4

Blockquotes

The blockquote element is used to present content from another source:

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

Description Lists

The dl element indicates a description list:

Coffee
- black hot drink
Milk
- white cold drink

Contextual Backgrounds

Use the contextual background classes to provide "meaning through colors":

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

Label

Default Primary Success Info Warning Danger

Button Styles

Button Group

The .btn-group class creates a button group:

Glyphicon Examples

Envelope icon:

Envelope icon as a link:

Search icon:

Search icon on a button:

Search icon on a styled button:

Print icon:

Print icon on a styled link button: Print

Basic Progress Bar

70% Complete
60% Complete (warning)

Alerts

Success! This alert box could indicate a successful or positive action.
Info! This alert box could indicate a neutral informative change or action.
Warning! This alert box could indicate a warning that might need attention.
Danger! This alert box could indicate a dangerous or potentially negative action.

Striped Rows

The .table-striped class adds zebra-stripes to a table:

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com
...1
...2
...3
...4
...1
...2
...3
...4
'; echo $_SERVER["DOCUMENT_ROOT"], '
'; echo '
',' POST=',$_POST,' GRT=',$_GET,'
','
'; echo 'Current PHP version: ' . phpversion(); ?>