Bootstrap邊框和背景不顯示在DIV中

嘗試向我的索引框添加邊框，但遇到問題。Bootstrap邊框和背景不顯示在DIV中

現在使用display：inline-table時會顯示邊框，但會在調整大小時打破設計。

當使用顯示模塊或根本沒有顯示時，它完全調整大小，但邊框和背景顏色消失。

#borda { 
    border-left: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    background-color: #FFFFFF; 
    padding-bottom: 50px; 
    clear: both; 
    display: inline-table; 
}

和我的html：

<body> 
    <div class="container"> 
     <div id="borda"> 
     <div class="col-md-6"> 
      Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500, quando uma misturou os caracteres de um texto 
     </div> 

     <div class="col-md-6"> 
      Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500, quando uma misturou os caracteres de um texto 
     </div> 
     </div> 
    </div> 
    </div> 
</body>

非常感謝幫忙，只是用引導啓動。

來源

2013-10-25 beluoso

首先，你在上面的標記中有一個額外的結束。正確（刪除）。

其次，你應該總是使用.row div來包裝col- * class div。

第三，在調整瀏覽器大小時，您必須指定其他媒體查詢類才能使佈局正常工作。

這應該是你所需要的：

<div class="container"> 
     <div id="borda"> 
     <div class="row"> 
      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> 
       Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500, quando uma misturou os caracteres de um texto 
      </div> 

      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> 
       Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500, quando uma misturou os caracteres de um texto 
      </div> 
      </div> 
     </div> 
    </div>

演示：http://jsfiddle.net/YhV6k/

來源

2013-12-27 21:45:17

Bootstrap邊框和背景不顯示在DIV中

回答

相關問題