Bootstrap Ligne des Images qui défilent horizontalement

Je suis en train d'essayer d'obtenir une ligne de divs avec des images de fond pour faire défiler horizontalement comme un Netflix style liste que j'ai écrit ceci:

http://jsfiddle.net/o3mxb4x9/

CSS:

.cover-container
{
    height: 180px;
    width: 100%;
    overflow-x: scroll;
}

.cover-item
{
    position: relative;
    float: left;
    margin: 8px 8px;
    box-shadow: 2px 2px 4px #bbb;
    border-top-right-radius: 4px;
    width: 116px;
    height: 158px;
    vertical-align: bottom;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

Mais je n'arrive pas à débordement à l'horizontale et, par conséquent, faites défiler vers la gauche et la droite.

Je suis en utilisant Bootstrap 3 pour mon cadre.

J'ai essayé de faire cela à partir d'une autre pile de question, mais elle ne fonctionne pas pour moi non plus. (Bootstrap ligne avec de défilement horizontale)

InformationsquelleAutor Justin Erswell | 2014-12-23
  1. 8

    La technique fonctionne, mais vous devez le faire sur votre conteneur:

    .cover-container {
    height: 180px;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

    Et, retirez float à partir de vos articles:

    .cover-item {
    display: inline-block;
    ...
}

    De Travail Violon: http://jsfiddle.net/abhitalks/o3mxb4x9/1/

    .

    InformationsquelleAutor Abhitalks