Сайт с целой кучей столбцов разных размеров?

Есть ли способ иметь много столбцов разного размера? По сути, я хочу, чтобы он выглядел определенным образом, но я чувствую, что взломал его, чтобы он выглядел определенным образом, и мне было интересно, существует ли более правильный подход к стандартам. Например, я сходил с ума, чтобы получить черту линии границы, чтобы заполнить всю ширину пространства (контейнера) после div заголовка, и это было катастрофой. У меня есть изображение того, как я хотел, чтобы оно выглядело, и я расскажу то, что я кодировал. Я знаю, что мое кодирование - это нечто вроде катастрофы, так как это был скорее проект, в котором я хотел посмотреть, можно ли это сделать. Сожалею!

Код JSFiddle

Я даже не знаю, является ли float хорошим свойством для использования, так как оно не занимает всю коробку, прежде чем перейти к следующей строке. Есть также некоторые измерения (также изображение), которые я прошел (в некоторой степени, чтобы получить все вроде симметрично. Не обязательно, что это обязательно закончилось таким образом.

Как я хочу, чтобы это выглядело

К сожалению, я не могу опубликовать изображение измерения, поскольку мне разрешено только 2 ссылки из-за низкой репутации. Но я думаю, что это будет наименьшей из моих проблем на данный момент.

1 ответ

Вы можете создать это с помощью системы сетки Bootstrap. Это позволяет вам создавать многостолбцовый макет с переменной шириной столбца, используя несколько вложенных элементов div и несколько классов.

Другие вопросы по тегам