在jumbotron的边界

Question

在图像中，在旋转木马下方，在jumbotron之间有一条线。 如何绘制那条线？

我使用旋转木马作为棕色部分。 接下来的部分是旋转木马，是一个超大屏幕。 在jumbotron（从拍照部分），中间有一条黑色线。

我已多次尝试过这条线，但我无法做到。这是我尝试过的一些代码。

http://jsbin.com/wequkikapo/edit?output

请解决我的问题。

Answer 1

尝试在需要水平短线的地方添加这样的div：

<div style="width:120px; border-bottom:1px solid #ccc; margin:20px auto;"></div>