html - 如何获得三个等宽列？

我试图在js小提琴中制作三个相等的列，由于某种原因它们显示为单独的行。我做错了什么？

JSFiddle

<div class="container">
  <div class="row">

    <div class="col-md-4">
      cczfsd
    </div>

    <div class="col-md-4">
      sfdfds
    </div>

    <div class="col-md-4">
      sdfssd
    </div>

 </div>
</div>

最佳答案

您好，因为您可以完美地在台式机屏幕上工作，但不适用于移动设备，平板电脑和其他小分辨率设备，因此您无法完成输出

我认为再也没有包含bootstrap的css的问题了，因为它已经加载了，我认为问题在于管理屏幕明智

这是代码，您可能想要输出，请注意一下'

.temp{
    background-color:#e2e2e2;
    border:1px solid grey;
}

<div class="container">
  <div class="row">

    <div class="col-md-4 col-xs-4 col-sm-4 temp">
      cczfsd
    </div>

    <div class="col-md-4 col-xs-4 col-sm-4 temp">
      sfdfds
    </div>

    <div class="col-md-4 col-xs-4 col-sm-4 temp">
      sdfssd
    </div>

 </div>
</div>

这是此的演示工作代码

DEMO CODE

关于html - 如何获得三个等宽列？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32866374/