kumaxim
@kumaxim
Web-программист

Как зафиксировать ширину колонок?

Доброго времени суток.
Имеем
<ul class="search-result list-inline">
    <li class="cat">{link-category}</li>
    .................................
    <li>{size} GB</li>
    <li class="search-item-user">{author}</li>
</ul>


CSS стандартный Bootstrap, мои стили только подкрашивают шрифт
.list-inline li {
     display: inline-block;
     ....
}


Собственно HTML-код выше - строка в результатах поиска. Добавить выше этой строки или ниже(выше или ниже ul ... /ul) ничего нельзя, php-код закрыт. Контент в {link-category} или {author} может быть разной ширины. Строки идут друг под другом.
Нужно чтобы вся колонка выравнивалась автоматически по ширине самой широкой.
Если ширину задать статически - содержимое может "выплывать", накладываясь на соседние элементы. Сама проблема видна на скрине.
301cee9a5f3b41e6bc63dee5a7e40ada.png

Подскажите пожалуйста, как ее решить, желательно средствами bootstrap.

Замечание: используется bootstrap с отключенной адаптивностью.
  • Вопрос задан
  • 2418 просмотров
Пригласить эксперта
Ответы на вопрос 1
@DailyFuckups
В Bootstrap есть стандартные средства для создания колонок. Создайте сетку через row, сделайте две колонки внутри. Одна на 4, вторая на 8. Или имеете в виду что-то другое?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы