Salve
Ho un layout già pronto di bootstrap è impostato a 3 colonne però io vorrei che diventassero 5.
Ho provato ad aggiungere 2 div ma quelli nuovi me li butta a capo.
Sicuramente ci sono dei margini da aggiustare ma non riesco a trovarli.

Potete per favore darmi una mano?

Questo è il codice:


codice HTML:
 <!-- Projects Row -->        <div class="row">            <div class="col-md-4 portfolio-item">                <a href="#">                    <img class="img-responsive" src="images/images1.jpg" alt="Luxury Ready Goods in Season" width="200" height="180" style="border: 1px solid #000000; padding: 1">                </a>            </div>            <div class="col-md-4 portfolio-item">                <a href="#">                    <img class="img-responsive" src="images/images2.jpg" alt="Luxury Preorders" width="200" height="180" style="border: 1px solid #000000; padding: 1">                </a>            </div>            <div class="col-md-4 portfolio-item">                <a href="#">                                        <img class="img-responsive" src="images/images1.jpg" alt="Luxury Ready Goods in Season" width="200" height="180" style="border: 1px solid #000000; padding: 1">                </a>            </div>            <div class="col-md-4 portfolio-item">                <a href="#">                    <img class="img-responsive" src="images/images2.jpg" alt="Luxury Preorders" width="200" height="180" style="border: 1px solid #000000; padding: 1">                </a>            </div>            <div class="col-md-4 portfolio-item">                <a href="#">                                        <img class="img-responsive" src="images/images1.jpg" alt="Luxury Ready Goods in Season" width="200" height="180" style="border: 1px solid #000000; padding: 1">                </a>            </div>        </div>        <!-- /.row -->
Questo è quello che mi succede:

colonne.jpg

Thaks