Introduction to Bootstrap 4

b4

In this blog, I’ll tell you a brief description of Bootstrap 4. Currently, Bootstrap 4 alpha was released. This release included a major upgrade of Bootstrap with some huge changes to the way it functions.

Porting from Bootstrap 3 to Bootstrap 4 only some of the components are same (some are improved), and only a few have been dropped (with functionality ported to new components).

Bootstrap 4 causes  lot of changes to most components, including tables, forms, grids, dropdowns, navbars, and more.

In Tables

It supports Inverse Tables, Table Head Styles, also .table- prefix has been added for its contextual classes,Bootstrap 4 also added .responsive-table to the actual <table> element.

In Forms  

.form-horizontal class has been dropped to display horizontal forms, Forms require the .row class when using grids, Use .form-control-lg and .form-control-sm to increase or decrease the size of an input control, uses the .form-text class to display help text.

For more important & helpful CSS  learning resources click here Introduction to Bootstrap 4

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s