Twitter bootstrap 引导-灵活适用于各种屏幕大小或设备

今天我有一个关于在不同屏幕大小或设备上引导的问题

现在我想创建一个适合台式机、笔记本电脑、手机和平板电脑的网站

在HTML类中，是否应将容器设置为

流体容器

或者我需要应用

.col lg

col sm

col xs

因为我希望我的网站可以在任何设备和屏幕大小上完美显示

谢谢你，如果这个问题是重复的，很抱歉

---

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

假设您使用的是Bootstrap 3，不要使用fluid container，它已被container取代。就这样做吧：

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

50%50%
25%25%25%25%
33%33%33%

col md是否支持不同的屏幕大小？