Html 一条线路中的地铁自举配电箱

Html 一条线路中的地铁自举配电箱,html,twitter-bootstrap,Html,Twitter Bootstrap,嘿,伙计们,我正在尝试用Metro外观构建一个网站,我正在使用Metro UI CSS 2.0 CSS 我现在刚开始,我有一个小问题。我想在每个盒子下面放3个盒子。但我只是把它们排成一行。如果我给行div一个125px的宽度,它们是否在彼此下面,但我不认为这是干净的方式 你能帮帮我吗 这是我所在网站的链接 试试这个: <div class="grid"> <div class="row my-width"> <div class="t

嘿,伙计们,我正在尝试用Metro外观构建一个网站,我正在使用Metro UI CSS 2.0 CSS

我现在刚开始,我有一个小问题。我想在每个盒子下面放3个盒子。但我只是把它们排成一行。如果我给行div一个125px的宽度,它们是否在彼此下面,但我不认为这是干净的方式

你能帮帮我吗

这是我所在网站的链接

试试这个:

 <div class="grid">
      <div class="row my-width">
         <div class="tile "></div>
      <div class="row">
         <div class="tile"></div>
      <div class="row">
         <div class="tile selected"></div>
       </div>
 </div>

使用Dan的建议或嵌套网格,将每个元素包装在一个div class=row中。相同的区别。是的,但是每个div到muchah之间的间隔是完美的。但我不必把每一个瓷砖盒排成一行——我的宽度还是我必须?因为所有的瓷砖在一个我的宽度也有影响,我什么或它有一个特殊的原因,为什么你把每个div在一个自定义我的宽度固定它。网格必须是100%的,因为有更多的内容是这个。行div必须具有125px的my width属性
 <div class="grid">
      <div class="row my-width">
         <div class="tile "></div>
      <div class="row">
         <div class="tile"></div>
      <div class="row">
         <div class="tile selected"></div>
       </div>
 </div>
.my-width {
   width: 125px;
}