Thư viện hình thu nhỏ hình ảnh bootstrap

3. Breadcrumb là gì?

Breadcrumb là tập hợp các đường link phân cấp giúp người dùng có thể biết được mình đang ở trang nào và từ đó có thể chuyển đổi thuận lợi từ trang này sang trang khác trong 1 website. Trong bài viết này chúng ta sẽ cùng nhau tìm hiểu cách stylesheet Breadcrumbs & Images trong bootstrap ra sao

4. Tạo breadcrumb trong bootstrap

Để có thể dễ dàng tạo ra một breadcrumb giống như hình, các bạn chỉ cần bọc thành phần html trong cặp thẻ ul & li, thêm vào thẻ ul lớp breadcrumb. Thì các bạn sẽ có ngay một stylesheet phân cấp link thật là bắt mắt. Phần stylesheet chỉ đơn giản như vậy thôi , tiếp theo chúng ta sẽ đi qua tìm hiểu phần stylesheet image

Ví dụ

    
    Bootstrap 3 Breadcrumbs
    
    
    
    
    
        .example{
            margin: 20px;
        }
    


    

        

            

                

                    
Trang Chủ
                    
Bootstrap
                    
Breadcrumb & Images
                
            
        
    

5. Lời kết

Bài viết xin dừng lại tại đây, vì thật ra breadcrumb & images trong bootstrap chỉ hỗ trợ stylesheet như vậy thôi, còn sử dụng nó ra sao thì tùy vào thẩm mỹ của từng người nhé, Hẹn gặp lại ở các bài tiếp theo