Tables are just as awesome as before with a few additions and modifications. For example, the table-responsive class now goes directly in the table. There is a new inverse style that makes the table have a dark background. You can also style the table heads with a couple of additional classes. Finally, there is a table reflow class that lets you change the order of how the cells are ordered.
So there's not a lot of changes to forms.…Let me go over what's changed…and also show you how to update a form from Bootstrap 3.…Now the critical changes here are that first of all,…you don't need the class ".form-horizontal" at all,…so if you have it in some forms, you can take it out.…It's no longer needed.…The forms are going to be automatically horizontal…by doing something else.…And that means that when we have a ".form-group",…that is going to be controlling the rows,…so we're going to need to add a ".row" class…to any form groups in horizontal forms…that are going to have columns inside them.…
Now next, if you have any ".control-label" classes,…those need to be renamed ".form-control-label".…Also, if you have ".input-lg" or ".input-sm",…now they are called…".form-control-lg" and ".form-control-sm".…And you can see sort of a pattern here.…Some of the things are going to require you…to have that "form" prefix at the beginning.…".input-lg" and ".input-sm"…are elements that allow you to control the size…of input fields and those stay.…
- Installing the upgrade
- Using Reboot.css
- Using the new grid
- Working with new navigation and card components
- Understanding table and form changes