8
Tôi mới dùng BootStrap để học các dây và hiểu nó. Tôi đang cố gắng đạt được 100% chiều cao trong lưới cột để nó bao phủ 100% chiều cao của trang. Hiện tại không có chiều cao nào được đặt. Khi tôi cố gắng xác định chiều cao của cả hai cột col-lg-9 và col-lg-3 tính bằng pixel hoặc% không có thay đổi nào xảy ra. Không biết điều gì có thể là vấn đề. Dưới đây là cấu trúc cơ bản tôi đang sử dụngĐặt 100% chiều cao cho các cột trong Twitter Bootstrap
<body>
<div class="row">
"Top bar"
</div>
<div class="container">
<div class="row">
<div class="col-lg-3">
side bar
</div>
<div class="col-lg-9">
side bar
</div>
</div>
Và đây là css cho từng hạng mục
@media (min-width: 1200px)
.container {
max-width: 1170px;
}
.row {
margin-bottom: 20px;
}
.col-lg-9 {
width: 75%;
padding: 10px 20px;
border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
-o-border-radius: 0 10px 10px 0;
border: 0 none;
padding-top: 3%;
min-height: 90%;
}
.col-lg-3 {
width: 25%;
background-color: #192D38;
color: #88A7A9;
min-height: 90%;
}
thử đặt chiều cao trên các phần tử gốc cũng như html và nội dung cho người mới bắt đầu – Danield