Блог

Главная - Вопросы по программированию - выравнивание элементов списка одинаковой ширины

выравнивание элементов списка одинаковой ширины

#twitter-bootstrap-3

#twitter-bootstrap-3

Вопрос:

Я хочу выровнять все элементы списка одинаковой ширины …. ниже приведен код jsfiddle: http://jsfiddle.net/277Yd /

Заранее спасибо

 <div class="row">
    <div class="col-sm-2 text-center ">Courses</div>
    <div class="col-sm-2 text-center oval-shape img-responsive">
        <a>Post Graduate</a>
    </div>
    <div class="col-sm-2 text-center oval-shape img-responsive">
        <a>Graduate</a>
    </div>
    <div class="col-sm-2 text-center oval-shape img-responsive">
        <a>Honours</a>
    </div>
    <div class="col-sm-2 text-center oval-shape img-responsive">
        <a>Tiger Studio</a>
    </div>
    <div class="col-sm-2 text-center oval-shape img-responsive">
        <a>Others</a>
    </div>
</div>

.oval-shape a {
    background: #FF9900;
    border-radius:50px;
    padding:10px;
    /*      background-image: url('../images/button.png');
    background-repeat:repeat-x; */
}

Комментарии:

1. Привет, они кажутся одинаково выровненными .. не могли бы вы уточнить, пожалуйста?

2. все элементы должны иметь одинаковую ширину…

Ответ №1:

Удалите a из своего CSS, чтобы вместо .oval-shape a { записи .oval-shape {

Добавьте a width в свой oval-shape класс, чтобы настроить ширину, например width:15%; .

Обновленная скрипка