Saya menggunakan Bootstrap 3.

Untuk salah satu halaman web saya, saya ingin menggunakan col-xs-12 untuk 319px-544px dan col-xs-6 untuk 545px-768px... tetapi ini jelas tidak layak karena col-xs- diterapkan untuk semuanya <768px.

Rupanya ini dibahas di bootstrap 4, tetapi seluruh aplikasi saya ditulis untuk bootstrap 3 hingga saat ini.

Sangat sulit untuk dibatasi pada format kolom yang sama di 319px dan 767px. Apakah ada di sekitar ini?

3
Timmy Von Heiss 14 Desember 2016, 08:05

1 menjawab

Jawaban Terbaik

Coba dengan kode ini

.col-xsm-12{
    float:left;
    position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}
}
@media screen and (min-width: 319px) and (min-width: 544px){
.col-xsm-12{
  width:100%;
}
}
@media screen and (min-width: 545px) and (min-width: 767px){
.col-xsm-12{
  width:50%;
 }
}
<div class="col-xsm-12">
2
Vaibhav S 14 Desember 2016, 06:06