Hướng dẫn button input file bootstrap

Xem thêm:

5- Input Group với Select

Khi sử dụng một Input Group với phần tử , phần tử nên được áp dụng lớp "custom-select", điều này giúp cho nó lấp đầy phần không gian còn lại theo phương nằm ngang, và có kiểu dáng [style] theo phong cách của Bootstrap.

Ví dụ, Input Group với Custom Select:

    

        Options
    
    
        Choose...
        One
        Two
        Three
    




    
        Choose...
        One
        Two
        Three
    
    

        Button
    

6- Input Group với Custom File

Ví dụ sử dụng Input Group với phần tử tùy biến :

    

        Upload
    
    

        
        Choose file
    



    

        
        Choose file
    
    

        Upload
    



    

        Button
    
    

        
        Choose file
    



    

        
        Choose file
    
    

        Button
    

7- Kích thước của Input Group

Bằng cách thêm các lớp có liên quan tới "Kích thước" [Sizing] vào phần tử .input-group nó sẽ có tác dụng với mọi phần tử con. Bạn không cần phải thiết lập kích thước cho tất cả.

Danh sách các lớp sử dụng để thiết lập "Kích thước" cho Input Group:

• input-group-sm
• input-group-lg

    

        Small
    
    



    

        Default
    
    



    

        Large