Question

尝试在我的索引框中添加边框，但遇到问题。

现在使用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>

非常感谢您的帮助，只需开始使用Bootstrap。

Answer 1

首先，您在上面的标记中有一个额外的结束。纠正（删除）那个。

其次，你应该总是用.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/

引导边框和背景不显示在DIV中

1 个答案: