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

Question

[Максим Кудрявцев]

Доброго времени суток.
Имеем

<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} может быть разной ширины. Строки идут друг под другом.
Нужно чтобы вся колонка выравнивалась автоматически по ширине самой широкой.
Если ширину задать статически - содержимое может "выплывать", накладываясь на соседние элементы. Сама проблема видна на скрине.


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

Замечание: используется bootstrap с отключенной адаптивностью.

Answer 1

[Deleted Deleted]

В Bootstrap есть стандартные средства для создания колонок. Создайте сетку через row, сделайте две колонки внутри. Одна на 4, вторая на 8. Или имеете в виду что-то другое?