What is the best width for my website


#1

HI,

just want to doublecheck with you guys. What is the best width for your websites ?

THX


#2

Personally I just stick with 1170px, which I gather is the default for Bootstrap.


#3

Responsive breakpoints (Bootstrap 4)
Since Bootstrap is developed to be mobile first, we use a handful of media queries to create sensible breakpoints for our layouts and interfaces. These breakpoints are mostly based on minimum viewport widths and allow us to scale up elements as the viewport changes.
Bootstrap primarily uses the following media query ranges—or breakpoints—in our source Sass files for our layout, grid system, and components.

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

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { … }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { … }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { … }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { … }

and it all can be different depending on so many things…


#4

Thank you very much.


#5

Blocs isn’t Bootstrap version 4 yet…but is suppose to be before end of this year…I hope sooner…Bootstrap 3 was the most stable version but no new updates. Version 4 of Bootstrap is the latest and has full support. (Blocs3) should be even better than 2.


#6

Go to File > Project Settings & set Width to 100% - works everywhere - will have to set different layouts depending on device, but you’ll get used to doing that pretty quick.

Bill
BricsDesign