如何更改自舉列表響應全柵格命令？

我知道如何在使用col-push和col-pull的響應中更改自舉列順序，但我無法通過全網格（col-xs-12，col-sm-12）實現此目的。所以我想要做的是，你可以看到下面的圖像如何更改自舉列表響應全柵格命令？

和我的代碼

#sidebar{ 
 
    background:lightblue; 
 
} 
 
#content{ 
 
    background:lightgreen; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<main id="site-content" class="container"> 
 
    <div class="row"> 
 
    <aside id="sidebar" class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 
 
     <h1>Sidebar</h1> 
 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos a sed, quidem corporis nam ut recusandae aliquid, fugiat, earum eveniet porro aliquam quod.</p> 
 
    </aside> 
 
    <div id="content" class="col-lg-8 col-md-8 col-sm-8 col-xs-12"> 
 
     <h2>Hi I'm a title of this container</h2> 
 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem dolore, quos corrupti soluta vel necessitatibus quibusdam, dolor, quae sed quod cum.</p> 
 
    </div> 
 
    </div> 
 
</main> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

我談論了滿格COL-XS- 12例如..我猜這是不同的問題

來源

2017-05-31 ani_css

這個問題已經回答了很多次。首先想到移動！把你的B div放在你的HTML中，然後應用推 - 推。 – tmg

使BA在html文件中的順序，使用浮動權的網絡視圖 – madalinivascu

可能重複[Bootstrap網格拉/推行]（https://stackoverflow.com/questions/32788846/bootstrap-grid-pull-push-行） –

切換html文件中的順序，使用浮動鑽機HT爲Web視圖

#sidebar{ 
 
    background:lightblue; 
 
    float:right; 
 
} 
 
#content{ 
 
    background:lightgreen; 
 
    float:right; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<main id="site-content" class="container"> 
 
    <div class="row"> 
 
    
 
    <div id="content" class="col-lg-8 col-md-8 col-sm-8 col-xs-12"> 
 
     <h2>Hi I'm a title of this container</h2> 
 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem dolore, quos corrupti soluta vel necessitatibus quibusdam, dolor, quae sed quod cum.</p> 
 
    </div> 
 
    <aside id="sidebar" class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 
 
     <h1>Sidebar</h1> 
 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos a sed, quidem corporis nam ut recusandae aliquid, fugiat, earum eveniet porro aliquam quod.</p> 
 
    </aside> 
 
    </div> 
 
</main> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

來源

2017-05-31 07:53:41 madalinivascu

如何更改自舉列表響應全柵格命令？

回答

相關問題