Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
  • Introduction to bootstrap 4

    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 0
    • 0
    • 2.37k
    Comment on it

    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.

    In Grids :- uses 5 tier drid system (xs, sm, md, lg, xl), Uses offset-*-* classes to offset columns. For example, offset-md-4.

    In Dropdowns :- Dropdowns can be built with <ul> or <div>s,  Apply .dropdown header to <h1> - <h2>tags (as Bootstrap no longer uses <li> tags to build dropdowns).


    Some of the remarkable changes are :- 


    1. Bootstrap 4 follows Sass.

    2. It has Newly added Improved grid system.

    3. It supports Opt-in flexbox.

    4. New component Card is introduced & thumbnails and panels  are dropped.

    5. Pixels uses rems and ems instead of px,  where to make responsive typography and part measuring even easier.

    6. Improved auto-placement of tooltips and popovers.

    7. In bootstrap 4 many classes like new utility classes, Custom form controls, margin and padding classes have also been added.

    8.Each javascript plugin has been changed to exploit the most current JavaScript upgrades.



 1 Comment(s)

  • Thanks for your post! Through your pen I found the problem up interesting! I believe there are many other people who are interested in them just like me! How long does it take to complete this article? I have read through other blogs, but they are cumbersome and confusing. I hope you continue to have such quality articles to share with everyone!Gmail login

Sign In

Sign up using

Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: