2013-09-28 98 views
17

Tôi đã chơi với bootstrap 3 và tôi nhận thấy rằng nếu bạn sử dụng Grid System mà không có một container nó trở thành chất lỏng, ai đó nói với tôi tôi không nên làm điều đó bởi vì hệ thống được thiết kế để được trong một container. Điều gì sẽ xảy ra nếu tôi không sử dụng lớp container ?, tôi có cần nó không ?, nếu vậy tôi có thể làm cho lớp container có chiều rộng 100% mà không làm rối tung các truy vấn phương tiện của bootstrap, hoặc có cách nào khác hay hơn để xây dựng một chất lỏng bố cục với bootstrap 3.Bootstrap 3 Grid, tôi có cần container không?

+0

bản sao có thể có của [Bố cục chiều rộng đầy đủ với twitter bootstrap] (http://stackoverflow.com/questions/14263307/full-width-layout-with-twitter-bootstrap) –

Trả lời

17

Bạn nên quấn row trong container hoặc bạn sẽ gặp sự cố với lợi nhuận tiêu cực mà BS 3 sử dụng cho phần tử row. Về cơ bản, row được thiết kế để nằm trong vùng chứa. Read more on the Bootstrap grid

Chơi với ví dụ này trên Bootply: http://bootply.com/83751

2

Tôi nghĩ bạn cần nó. Nếu không có thùng chứa, nó sẽ hoạt động - nhưng nó sẽ hiển thị thanh cuộn ngang ở cuối trang và khoảng 20px sẽ bị cắt khỏi quyền của màn hình.

Xem cho mình cách hoạt động mà không có lớp chứa - chỉ cần truy cập http://getbootstrap.com/ và xóa lớp chứa bằng phần tử kiểm tra.

+0

Trang web đó không sử dụng chiều rộng/chất lỏng của flud bố trí mặc dù vậy không thực sự áp dụng. Nếu sử dụng bố cục đầy đủ chiều rộng, bạn không còn cần vùng chứa vì thùng chứa chất lỏng đã bị xóa khỏi BS3. –

1

Chỉ cần sử dụng lớp container chất lỏng thay cho lớp container. class = "container-fluid" sẽ cho phép bạn sử dụng toàn bộ chiều rộng.

+0

Không phải là chất lỏng chứa chất lỏng được lấy ra khỏi Bootstrap 3 có lợi cho việc sử dụng các hàng và cột không? –

+0

container-chất lỏng đã được thêm trở lại vào Bootstrap 3. –

+0

Container-chất lỏng tuy nhiên, có chiều rộng tối đa là 1200px –

Các vấn đề liên quan