如何为两个项目的轮播添加边框

Question

我的代码如下

http://jsfiddle.net/gXN2u/219/

我正在尝试为带有 class item-list 的每个项目添加边框。但是它没有显示。

我的实际滑块是垂直滑块。

我想达到的目标：

![在此处输入图片描述][1]

请帮忙

Answer 1

只需清除浮动

 <div class="item-list clearfix">

在您的样式中添加清晰的修复样式sheet

或为 .item-list

添加浮动和宽度

.item-list {
   border: 8px solid red;
   box-shadow: 0px 0px 0px 10px #888888;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   float: left;/*added*/
   width: 100%;/*added*/

}

Answer 2

或者，您可以使用 overflow 属性

.item-list {
    border-top: 1px solid red;
    overflow: hidden;
}
.item-list:first-child {
    border-top: 0;
}

http://jsfiddle.net/ewygux9t/

如何为两个项目的轮播添加边框

How to add border to carousel with two items

css

carousel

twitter-bootstrap