Bootstrap:隐藏行之间的行

时间:2016-09-28 13:58:37

标签: html css twitter-bootstrap

我尝试用引导程序将页面划分为2行,当我这样做时,它们之间会出现一条线。我可以以某种方式删除/隐藏它吗?

set /a z=%d% - 19
echo. %z%
pause

3 个答案:

答案 0 :(得分:1)

.panel添加了一个盒子阴影。要么不使用它,要么用..删除它。

.panel {
    box-shadow: initial;
}

http://www.codeply.com/go/fNXo7yZu2T

答案 1 :(得分:0)

你应该将你的2个主要.col-md div放在一个普通的.row中,而不是两个不同的行。

see bootstrap guide

然后玩你的.col-md div。

我建议如下:

Original List with duplicate entries (Id's 2 and 3 are dups)
Id      Date                    OldStatus       NewStatus
=========================================================
1       9/28/2016 10:00:00 AM   Requested       Quoted
2       9/28/2016 10:15:00 AM   Quoted          Rejected
3       9/28/2016 10:15:01 AM   Quoted          Rejected
4       9/28/2016 10:30:00 AM   Rejected        Requested
5       9/28/2016 10:30:00 AM   Requested       Quoted
6       9/28/2016 10:45:00 AM   Quoted          Rejected
7       9/28/2016 10:50:00 AM   Rejected        Requested
8       9/28/2016 10:50:00 AM   Requested       Quoted
9       9/28/2016 10:50:00 AM   Quoted          Purchased

Desired List (Id 3 removed)

Id      Date                    OldStatus       NewStatus
=========================================================
1       9/28/2016 10:00:00 AM   Requested       Quoted
2       9/28/2016 10:15:00 AM   Quoted          Rejected
4       9/28/2016 10:30:00 AM   Rejected        Requested
5       9/28/2016 10:30:00 AM   Requested       Quoted
6       9/28/2016 10:45:00 AM   Quoted          Rejected
7       9/28/2016 10:50:00 AM   Rejected        Requested
8       9/28/2016 10:50:00 AM   Requested       Quoted
9       9/28/2016 10:50:00 AM   Quoted          Purchased

答案 2 :(得分:0)

列需要包装在行中,即同一级别的所有列 - 您已创建了2行,其中只有一列。

IE你已经创建了2个面板 - 面板需要相互区分 - 因此线! (如果您想正确使用面板,请查看http://getbootstrap.com/components/#panels和/或http://www.w3schools.com/bootstrap/bootstrap_panels.asp。)

你应该getboostrap.com 生活,直到你对BS感到满意为止!

基本BS布局

row
 col col col
row 
  col
  row - a row of columns inside another row (this sorts out the padding etc).
    col 
    col
row
  col
  col
etc.

全部包裹在container中(容器不应嵌套,但可以一个接一个地堆叠。)

希望有意义(认为它比HTML更清晰)

列始终(几乎总是 - 有几个奇怪的例外)需要被包裹在行中,否则填充,边距等等到处都是(花了我很多时间来计算出这个简单的规则)。

将BS纳入您的系统需要一段时间。

如果您使用IDE,请提示一下:设置插入(PHPStorm中的实时模板) -

<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

    </div>
    <!-- end row -->
</div>
<!-- end col next to row -->

我现在每天做100次这样的事!节省太多时间。