Hỏi về chia column vào row bootrap

Chào mọi người, cho em hỏi, trong bootrap em chia màn hình ra làm 2 phần: col-8 (đỏ) và col-4 (vàng)
Sau đó trong col-8 em muốn chia làm 2 phần, 1 phần 3 col, và 1 phần 8 col thì phải làm như thế nào.
Em có thử chia theo kiểu col-4-5 và col-7-5 nhưng mà không được ạ?

 <div class="container">
    <div class="grid">
        <div class="row">
            <div class="col-8" style="background-color: red;">
                <div class="row">
                    <div class="col-4-5" style="background-color: blue;" >sang - 4 - 5</div>
                    <div class="col-7-5" style="background-color: green;" >sang - 7 - 5</div>
                </div>                    
            </div>
            <div class="col-4" style="background-color: yellow;">
                col - 4
            </div>
        </div>
    </div>

Dường như chưa hiểu về Bootstrap? Khi là 1 cột thì nên hiểu nó lại đang chứa 12 cột ảo bên trong nó, chứ cột bên trong nó thì không thể tính toán với cha mẹ của nó (tức cấp ông bà của cột con của col-8 đang đề cập).

Cho nên col-8 của bạn thì bạn chia làm sao thì bạn quan niệm nó đang có 12 cột, muốn chia làm mấy và mấy (3/8 => x/12; và 5/8 => y/12) bạn tự tính x, y là xong. Nếu tính theo mẫu col-a-b không có cái nào có độ rộng phù hợp thì lúc này có thể dùng đơn vị khác như phần trăm, pixel hoặc em. Nhớ là nếu để chia được cột phải có class là row thì phải thêm class này cho cái col-8

6 Likes

chia 3 - 5 thì chỉ là thể tự viết css dùng flex hoặc grid để làm mà thôi
boootstrap đâu phải vạn năng

4 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?