Θέλω να έχω 5 ίσες στήλες σε μια σελίδα που κατασκευάζω και δεν μπορώ να καταλάβω πώς χρησιμοποιείται το πλέγμα 5 στηλών εδώ: http://web.archive.org/web/20120416024539/http://domain7.com/mobile/tools/bootstrap/responsive
Είναι το πλέγμα πέντε στηλών που παρουσιάζεται παραπάνω μέρος του πλαισίου twitter bootstrap;
Χρησιμοποιήστε πέντε divs με κλάση span2 και δώστε στο πρώτο μια κλάση offset1.
<div class="row-fluid">
<div class="span2 offset1"></div>
<div class="span2"></div>
<div class="span2"></div>
<div class="span2"></div>
<div class="span2"></div>
</div>
Ορίστε! Πέντε στήλες σε ίσες αποστάσεις και κεντραρισμένες στο κέντρο.
Στο bootstrap 3.0, αυτός ο κώδικας θα έμοιαζε ως εξής
<div class="row">
<div class="col-md-2 col-md-offset-1"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
</div>
Μεταβείτε στη σελίδα προσαρμογής Bootstrap 2.3.2 (ή Bootstrap 3) και ορίστε τις ακόλουθες μεταβλητές (μην εισάγετε άνω και κάτω τελεία):
@gridColumns: 5;
@gridColumnWidth: 172px;
@gridColumnWidth1200: 210px;
@gridColumnWidth768: 128px;
@gridGutterWidth768: 21px;
Κατεβάστε το build σας. Αυτό το πλέγμα θα χωρούσε στα προεπιλεγμένα δοχεία, διατηρώντας τα προεπιλεγμένα πλάτη των αυλών (σχεδόν).
Σημείωση: Αν χρησιμοποιείτε το LESS, ενημερώστε το αρχείο variables.less
αντί αυτού.
<div class="equal row-fluid">
<div class="span2"></div>
<div class="span2"></div>
<div class="span2"></div>
<div class="span2"></div>
<div class="span2"></div>
</div>
.equal .span2 {
width: 20%;
}