HTML，CSS的設計問題

Question

下面是CSS代碼

<div class="row"> 
    <!-- Brand listing div --> 
    <div class="custom-prod-brand col-md-2 col-sm-3 col-xs-10" style="margin-top:11px;margin-left:20px;height:400px;"> 

    </div> 

    <!-- Brand listing div end --> 

    <!-- Product display listing --> 
    <div class="col-md-9 col-xs-10 col-sm-8 custom-prod-display-class" style="background-color:white;margin-top:11px;margin-left:15px;"> 
     <!-- Product display div --> 

     <!-- Product display div end --> 
    </div> 
    <!-- Product display listing end --> 

     <div class="filter-display-div col-md-2 col-sm-3 col-xs-10" style="margin-top:11px;margin-left:20px;height:400px;"> 

     </div> 

</div> 

我需要的「過濾器顯示格」下面的「品牌展示格」。

Answer 1

你試過嵌套列/行？像這樣：

<div class="row"> 

<div class="col4"> 
// menu container 

    <div class="row"> 
    <div class="col12"> 
    // Brand display 
    </div> 
    </div> 

    <div class="row"> 
    <div class="col12"> 
    // Filter Display 
    </div> 
    </div> 

</div> 

<div class="col8"> 
    // product display div 
</div> 

</div>