Bootstrap riga con scorrimento orizzontale

Im cercando di ottenere una riga con più colonne (dinamico con no max) e quindi per ottenere un scorrimento orizzontale.

Quando si inserisce una nuova colonna che supera la dimensione 12 di bootstrap, si prende una colonna di una nuova linea.
Quello che voglio è quello di preservare la colonna nella stessa linea e per ottenere la barra di scorrimento orizzontale vista.

Già provato con qualcosa di simile a questo, ma non ha funzionato…

<div class="span11" style="overflow: auto">
    <div class="row-fluid">
        <div class="col-lg-3">COL1</div>
        <div class="col-lg-3">COL1</div>
        <div class="col-lg-3">COL1</div>
        <div class="col-lg-3">COL1</div>
        <div class="col-lg-3">COL1</div>
        <div class="col-lg-3">COL1</div>
        <div class="col-lg-3">COL1</div>
    </div>
</div>
InformationsquelleAutor Nacho | 2014-10-09

 

2 Replies
  1. 21

    row-fluid bisogno l’attributo di stile “white-space: nowrap;” e i div all’interno di necessità l’attributo style ” display: inline-block; “

    .row-fluid{
         white-space: nowrap;
    }
    .row-fluid .col-lg-3{
         display: inline-block;
    }

    provare

  2. 5

    Schermo più grande sarà anche bisogno di float: none; in col- classi.

    .row-fluid {
        overflow: auto;
        white-space: nowrap;
    }
    
    .row-fluid .col-lg-3 {
         display: inline-block;
         float: none;
    }

Lascia un commento