我有這個html結構:<div class="container"> <div class="row"> <div class="col-lg-9 description"></div> <div class="col-lg-3 sidebar"></div> <div class="col-lg-9 comments"></div> </div></div>最終效果是: 在此處輸入圖片說明 我需要這個HTML結構,因為當我有一個較小的視口并且Bootstrap切換到1列模式時,我需要側邊欄位于description和comment列之間(實際上是空白)。問題是,當模板不在“移動模式”下時,我想避免有空白空間。我嘗試了很多方法,但我無法做到這一點,有人可以幫助我嗎?編輯我這樣嘗試:<div class="container"> <div class="row"> <div class="col-lg-9"> <div class="description"></div> <div class="comments"></div> </div> <div class="col-lg-3 sidebar"></div> </div></div>并嘗試使用css“ order”重新排序,但是沒有用(它唯一允許我做的就是將側邊欄放在頁面的開頭,但這不是我想要的)。
- 2 回答
- 0 關注
- 526 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消