Nửa cột trong Twitter Bootstrap 3


Câu trả lời:


174

Bạn có thể thử điều này:

Chỉ cần chia col-9 thành 2 phần.

Bootply : http://www.bootply.com/128927

HTML :

   <div class="col-xs-3">  col-xs-3 </div>
   <div class="col-xs-9">
      <div class="row">
         <div class="col-xs-6">col-xs-4.5</div>
         <div class="col-xs-6">col-xs-4.5  </div>
      </div>
   </div>

7
bắn ... không có ý nghĩ như vậy. não đã được ép xung rồi lol. cảm ơn bạn rất nhiều. nó hoạt động rất tốt. : D
Nerdar,

Đúng. Tôi muốn đóng nó lại. nói cần đợi 2 phút để đóng lol. cảm ơn bạn ^ _ ^
Nerdar

Điều này không hiệu quả với tôi! Tôi đang sử dụng phiên bản Bootstrap 3 mới nhất và tôi đang sử dụng col-md-9 và muốn nó chia thành hai phần bằng nhau! Có ý kiến ​​gì không? : (-
J86

1
@Ciwan col-md chỉ dành cho màn hình 'trung bình' và lớn hơn, thực tế sử dụng col-xs làm cho nó hoạt động cho tất cả các thiết bị. Thay vì nói 'nó không làm việc' làm một fiddle và hiển thị những gì không làm việc ....
Benard Patrick

Vì vậy, không có wat để làm giống như một width: 80%;bên trong một col-md-6 (nếu ví dụ bạn muốn để khoảng trắng ở bên phải)
nclsvh
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.