我正在尝试开发一个bootstrap可滚动tabs.which在jsfiddle中完美地工作？

<style type="text/css">
.wrapper {
    position:relative;
    margin:0 auto;
    overflow:hidden;
  padding:5px;
    height:50px;
}

.list {
    position:absolute;
    left:0px;
    top:0px;
    min-width:3000px;
    margin-left:12px;
    margin-top:0px;
}

.list li{
  display:table-cell;
    position:relative;
    text-align:center;
    cursor:grab;
    cursor:-webkit-grab;
    color:#efefef;
    vertical-align:middle;
}

.scroller {
  text-align:center;
  cursor:pointer;
  display:none;
  padding:7px;
  padding-top:11px;
  white-space:no-wrap;
  vertical-align:middle;
  background-color:#fff;
}

.scroller-right{
  float:right;
}

.scroller-left {
  float:left;
}
</style>

http://jsfiddle.net/roshan1985/js10kb56/

This is working in jsfidle but when i place in my webpage its not working at all.i try to change the css display none. but still same problem coming if anyone face similar kind of problem please share your answer?