Bootstrap - Barre De Défilement Horizontale

Bootstrap - Barre De Défilement Horizontale

J'ai besoin de barre de défilement horizontale pour le code ci-dessous.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="bootstrap.min.css" rel="stylesheet" />
</head>
<body>
    <h1 class="page-header">Horizontal Scroll in bootstrap</h1>
    <div class="container-fluid" style="overflow-x:scroll;">
        <div class="col-sm-3">
            <h3>Tree 1</h3>

        </div>

        <div class="col-sm-3">
            <h3>Tree 2</h3>

        </div>
        <div class="col-sm-3">
            <h3>Tree 3</h3>

        </div>
        <div class="col-sm-3">
            <h3>Tree 4</h3>

        </div>
        <div class="col-sm-3">
            <h3>Tree 5</h3>

        </div>
    </div>
</body>
</html>

Si elle est exécutée au-dessus de la ligne la sortie montré que l'image. Mais j'ai besoin de l'Arbre 5 après l'Arbre 4. Pas au-dessous de l'Arbre 1. Si je l'augmentation de l'Arbre 6, il montre qu'Après l'Arbre 5. c'est à dire, j'ai besoin de barre de défilement horizontale. S'il vous plaît aider moi.

InformationsquelleAutor ipln | 2015-07-14