引導4網格問題

-1

我有一些問題尊重引導4.我有一個內容col-sm-9和col-sm-3 float-right右側邊欄。但側邊欄並非從頂部開始，而是從col-sm-9結束後開始。我想對齊這兩列。引導4網格問題

這裏是它是如何看的頁面：在這裏，您可以檢查網頁的代碼：Code

這基本上是我的html：

<section class="row clearfix" ng-cloak> 
<div class="content-top no-gutters"> 
<div style="background-image: url({{post.better_featured_image.source_url}});" class="content-tracks-image"> 
</div> 
    <div class="content-featured-image"> 
      <img> 
    </div> 
</div> 

<div class="clearfix"></div> 

<div class="gs-track col-sm-9"><!--start player-->  
<!---player---> 
</div><!-- close player --> 
<div class="col-sm-9 bg-white pt-3 pb-3" ng-cloak><!-- start content--> 
<!--content-> 
</div><!-- close content --> 
<div class="col-sm-3 float-right pt-3"><!-- start sidebar --> 
<!-- sidebar --> 
</div><!-- close sidebar --> 

</section>

我能夠對準側邊欄到內容，但我必須在播放器之前移動側邊欄框，我不想有這種行爲。

來源

2017-10-19 GoingSolo

爲了讓我們更好地爲您提供幫助，能否請您更新您的問題，以便在[**最小，完整和可驗證的示例**]中顯示**相關代碼**（http：// stackoverflow .com/help/mcve）在**問題本身**。外部網站可能是惡意的或由過濾器系統標記;用戶可能無法訪問它們。如果您能讓我們知道您迄今爲止已經嘗試解決您的問題，也會有所幫助。有關詳細信息，請參閱有關[**如何提出良好問題**]（http://stackoverflow.com/help/how-to-ask）的幫助文章:) –

爲什麼選擇downvoted？我已經解決了我的問題 – GoingSolo

使用您提供的鏈接很困難，因爲當我嘗試運行HTML時，我無法獲得相同的內容。但是在手動輸入我自己的內容並嘗試重新創建時，我發現在容器div上使用引導行。

<div class="row"> 
    <div class="col-sm-9">CONTENT</div> 
    <div class="col-sm-3">SIDEBAR</div> 
</div>

試試吧，讓我知道它是否有效。

來源

2017-10-19 21:19:11

你說得對，我不得不添加另一行，我已經修復了它。謝謝 – GoingSolo

我將此設置爲有效，但我的問題出了什麼問題？有人低估了我 – GoingSolo

@GoingSolo歡迎來到Stack Oveflow。當他們在這裏扮演主持人時，人們會很興奮，並且會減少他們眼中不完美的東西。可能是因爲你的問題很難重新創建。我個人認爲，沒有人願意爲解決問題付出額外的努力來證明自己是失望的。 –

引導4網格問題

回答

相關問題