3v4l.org

run code in 300+ PHP versions simultaneously
<?php $factor = 1.34; $higher_res = 2100; $lower_res = 300; $divisions = 70; for($i = $higher_res; $i >= $lower_res; $i = $i - $divisions){ echo "@media screen and (max-width:".$i."px) { .span12, .container{width: ". intval($i/ $factor) ."px !important;} }"; }
Output for 4.3.0 - 4.3.11, 4.4.0 - 4.4.9, 5.0.0 - 5.0.5, 5.1.0 - 5.1.6, 5.2.0 - 5.2.17, 5.3.0 - 5.3.29, 5.4.0 - 5.4.45, 5.5.0 - 5.5.38, 5.6.0 - 5.6.40, 7.0.0 - 7.0.33, 7.1.0 - 7.1.33, 7.2.0 - 7.2.33, 7.3.0 - 7.3.33, 7.4.0 - 7.4.33, 8.0.0 - 8.0.30, 8.1.0 - 8.1.28, 8.2.0 - 8.2.18, 8.3.0 - 8.3.6
@media screen and (max-width:2100px) { .span12, .container{width: 1567px !important;} }@media screen and (max-width:2030px) { .span12, .container{width: 1514px !important;} }@media screen and (max-width:1960px) { .span12, .container{width: 1462px !important;} }@media screen and (max-width:1890px) { .span12, .container{width: 1410px !important;} }@media screen and (max-width:1820px) { .span12, .container{width: 1358px !important;} }@media screen and (max-width:1750px) { .span12, .container{width: 1305px !important;} }@media screen and (max-width:1680px) { .span12, .container{width: 1253px !important;} }@media screen and (max-width:1610px) { .span12, .container{width: 1201px !important;} }@media screen and (max-width:1540px) { .span12, .container{width: 1149px !important;} }@media screen and (max-width:1470px) { .span12, .container{width: 1097px !important;} }@media screen and (max-width:1400px) { .span12, .container{width: 1044px !important;} }@media screen and (max-width:1330px) { .span12, .container{width: 992px !important;} }@media screen and (max-width:1260px) { .span12, .container{width: 940px !important;} }@media screen and (max-width:1190px) { .span12, .container{width: 888px !important;} }@media screen and (max-width:1120px) { .span12, .container{width: 835px !important;} }@media screen and (max-width:1050px) { .span12, .container{width: 783px !important;} }@media screen and (max-width:980px) { .span12, .container{width: 731px !important;} }@media screen and (max-width:910px) { .span12, .container{width: 679px !important;} }@media screen and (max-width:840px) { .span12, .container{width: 626px !important;} }@media screen and (max-width:770px) { .span12, .container{width: 574px !important;} }@media screen and (max-width:700px) { .span12, .container{width: 522px !important;} }@media screen and (max-width:630px) { .span12, .container{width: 470px !important;} }@media screen and (max-width:560px) { .span12, .container{width: 417px !important;} }@media screen and (max-width:490px) { .span12, .container{width: 365px !important;} }@media screen and (max-width:420px) { .span12, .container{width: 313px !important;} }@media screen and (max-width:350px) { .span12, .container{width: 261px !important;} }

preferences:
273.57 ms | 413 KiB | 459 Q