graid بندی با بوت استرپ

    • 1402/05/10 12:19
    مهدیار شکوهی
    مهدیار شکوهی
    کاربر
    0

    سلام من دارم روی گرید بندی با بوت استرپ کار می کنم یه طرح دیدم نمی تونم درش بیارم می شه کمکم کنید.

    • 1402/05/10 17:25
    ایران باینری
    ایران باینری
    استاد
    2

    سلام طرحتون بسیار ساده اس با کمی دقت می تونید به راحتی طراحیش رو انجام بدید 

       <div class="container-fluid">
            <div class="row mb-3">       
                <div class="col-12">              
                    <div class="bg-danger h_custom_100">header</div>                       
                </div>              
            </div>       
            <div class="row mb-3">       
                <div class="col-3">              
                    <div class="bg-warning h_custom_250">nav</div>                      
                </div>              
                <div class="col-6">              
                    <div class="bg-success h_custom_250">article</div>                      
                </div>              
                <div class="col-3">              
                    <div class="bg-info h_custom_250">ads</div>                     
                </div>              
            </div>         
            <div class="row mb-3">         
                <div class="col-12">               
                    <div class="bg-primary h_custom_100">footer</div>                     
                </div>               
            </div>          
        </div>
     
     
    کلاس های h_custom_100 و h_custom_250 را در فایل css شخصی خودتون ایجاد کنید و مقدار ارتفاع دلخواهتون رو بدید.