Question

今天我对不同屏幕尺寸或设备上的Bootstrap有一个问题。

现在示例我想创建一个适用于台式机，笔记本电脑，手机和平板电脑的网站。

在HTML类中，我应该将容器设置为fluid-container吗？

或者我需要应用.col-lg col-sm col-xs？

因为我希望我的网站能够在任何设备和屏幕尺寸上完美显示。

如果这个问题重复，谢谢你，对不起。

因为我没有搜索与此问题相关的任何文章。

Answer 1

假设您使用的是Bootstrap 3，请不要使用流体容器，它已被容器替换。做这样的事情：

<div class="wrapper">
  <div class="row">
      <div class="col-md-6">50%</div><div class="col-md-6">50%</div>
  </div>
  <div class="row">
      <div class="col-md-3">25%</div><div class="col-md-3">25%</div><div class="col-md-3">25%</div><div class="col-md-3">25%</div>
  </div>
  <div class="row">
      <div class="col-md-4">33%</div><div class="col-md-4">33%</div><div class="col-md-4">33%</div>
  </div>
</div>

Bootstrap - 适用于每种屏幕尺寸或设备

1 个答案: