问

Bootstrap中的两列布局（最大宽度和固定大小的列）

喜欢玩电脑游戏的我_425 发布于 2023-02-13 10:55

如何在Bootstrap中实现以下两列布局？

第1栏：宽度调整为可用大小，介于最小宽度和最大宽度之间

第2栏：固定尺寸宽度

例如，如果我有：

栏1分钟宽度：300像素

第1栏最大宽度：800像素

第2栏宽度：400像素

在具有800px可用宽度的分辨率中，我希望两列都为400px宽。在具有2000px的分辨率的情况下，我希望第一列为800px，第二列为400px，并且屏幕右侧将有800px的空白。

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;
}

您不应该使用最小宽度，因为如果设备太小，则渲染效果不佳

2023-02-13 10:56 回答

青藤摄影876

撰写答案

今天，你开发时遇到什么问题呢？

热门标签