DEMO

Question

我想在container-fluid内将两行具有不同颜色的行连接在一起，并对整个容器使用圆角。我试图将border-radius参数的值更改为10px，但这不起作用。有没有办法将容器流体类更新为圆角？

<div class="container-fluid" style="border-radius: 10px">
    <div class="row bg-warning h4">
        ...
    </div>
    <div class="row bg-info">
        ...
    </div>
</div>

Answer 1

试试这个：

删除用于加入容器的h4类

CSS：

        .top {
            border-top-left-radius:50px;
            border-top-right-radius:50px;
        }
        .bottom {
            border-bottom-left-radius:50px;
            border-bottom-right-radius:50px;
        }

.bg-warning{
    background-color:red;    
}
.bg-info{
    background-color:yellow; 
    }

HTML：

 <div style="height:100px" class="row top bg-warning">

</div>
<div style="height:100px"  class="row bottom bg-info">
    ...
</div>

如何在twitter-bootstrap3的容器流体中获得圆角

1 个答案:

DEMO