Bootstrap 4

Web Stuff
22.09.2015
453

responsive mobile css framework four bootstrap

Bootstrap 4 is in alpha, news are exciting however it is still a long time to go till the final release. We have downloaded the first alpha version and we can't wait to build our first software for you on Bootstrap 4.

There is also a good news that Bootstrap 3 will be still supported even after the final release of Bootstrap 4.

Support for IE 8 and IOS 6 will be dropped plus there will be official support for Lolipop 5.0. Instead of pixels, Bootstrap 4 will using em for media queries. Thumbnails, wells and panels are removed and using just one class called card.

Justified Navs are removed and not replaced.

The following media queries will be used within Bootstrap 4:

// Extra small devices (portrait phones, less than ???px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 34em and up)
@media (min-width: 34em) { ... }

// Medium devices (tablets, 48em and up)
@media (min-width: 48em) { ... }

// Large devices (desktops, 62em and up)
@media (min-width: 62em) { ... }

// Extra large devices (large desktops, 75em and up)
@media (min-width: 75em) { ... }

The grid will luckely stay the same:

<div class="container">
<div class="row">
<div class="col-sm-4">
One of three columns
</div>
<div class="col-sm-4">
One of three columns
</div>
<div class="col-sm-4">
One of three columns
</div>
</div>
</div>

Again for us one of the best cms framework available and we are looking forward to build great software for you with Bootstrap 4 soon.


Comment(s) (2)

  • avatar Jerome

    Bootstrap 4 is going very slow. It is now available in the Alpha 2 version so we might stick to Bootstrap 3 for a little while. ;)

    12.06.2016 0 Reply
  • avatar Jerome

    Alpha 3 has landed! We have an overhauled grid, updated form controls, a new font stack, tons of bug fixes, and more. It’s been several months since our last update, but the size of this update should help get us back on track.

    28.07.2016 0 Reply

Hey, leave a comment...