Двухтоловый макет в начальной загрузке (колонны с шириной максимума и фиксированного размера)

Question

Как я могу достичь следующей двухколонной макета в начальной загрузке?

• Столбец 1: Ширина регулируется до доступного размера, между миной и максимальной шириной
• Столбец 2: ширина фиксированного размера

Например, если у меня есть:

• Колонка 1 мин ширина: 300px
• Столбец 1 максимальная ширина: 800px
• Колонка 2 Ширина: 400px

В разрешении с шириной 800px я ожидаю, что оба столбца будут шириной 400 пикселей. В разрешении с доступным 2000PX я ожидаю, что первый столбец будет 800px, второй столбец - 400px, а справа от экрана будет 800px пустого места.

Answer 1

Тяжело, потому что начальная загрузка полезна для отзывчивого, не статичного ...

Может ли это быть правильно с таким образом: http://bootply.com/98214

HTML

<div class="row">
  <div id="col1" class="col-xs-6 col-md-5">coco 1</div>
  <div id="col2" class="col-xs-6 col-md-2">coco 2</div>
</div>

CSS

#col1{
  background:green;
  max-width:800px !important;
}

#col2{
  background:yellow;
  max-width:400px !important;
}

Вы не должны использовать мин-ширину, потому что в случае дополнительного небольшого устройства у него не будет хорошего рендеринга