製作自舉jumbotron的寬度至少延伸至內容的數量

我有一個包含固定導航欄，固定頁腳以及它們之間的頁面，我有一個bootstrap jumbotron。 jumbotron的內容已被分成兩列，如下所示（其中一個id =「tasks」&其他id =「view」）。當我調整瀏覽器的大小時，如預期的那樣，兩列疊加在一起。問題在於，由於左列包含的內容較少，因此在瀏覽器調整大小後（以及在左列堆疊在右列之後），現在jumbotron的寬度等於左列的寬度。作爲導致現在右列是不完全的超大屏幕
下面裏面的代碼製作自舉jumbotron的寬度至少延伸至內容的數量

<body> 
    <div id="header"> 
     <?php echo $navbar; ?> 
    </div> 
    <div id="jumbotron" class="jumbotron row"> 
    <div class="container-fluid"> 
     <div id="tasks" class="col-md-2">//the left column contains fewer contents 
      <?php echo $task_set; ?> 
     </div> 
     <div id="view" class="col-md-8 col-md-offset-1">//the right-column 
      <?php echo $view_to_load ?> 
     </div> 
    </div> 
    </div> 

    <div id="footer" class="row"> 
    <?php echo $footer; ?> 
    </div> 
</body>

請告訴我如何可以使超大屏幕的寬度等於WIDT h的右列即id =「」的視圖

來源

2016-05-08 stackoverflownewbie

如果您希望保持col-xs上所有屏幕添加類的相同效果，請更改移動平板電腦的類類型或您嘗試的內容 – Noni

您需要爲視口較小時實現不同的類。因此，根據示例<div class="col-md-2 col-sm-12">如果您希望在小視口上顯示完整大小。

來源

2016-05-08 15:21:12 BrainHappy

製作自舉jumbotron的寬度至少延伸至內容的數量

回答

相關問題