Question

我们正在尝试在bootstrap中构建内容预览网格 - 与您在medium.com上看到的相同，例如：https://medium.com/100-word-stories

我们目前正在使用这种带动态引导程序的结构：

<div class="container">
  <div class="row">
    <div class="span4">CONTENT BOX 1</div>
    <div class="span4">CONTENT BOX 2</div>
    <div class="span4">CONTENT BOX 3</div>
  </row>
  <row>
    <div class="span4">CONTENT BOX 4</div>
    <div class="span4">CONTENT BOX 5</div>
    <div class="span4">CONTENT BOX 6</div>
  </row>
</div>

因此我们考虑使用/调整bootstrap“well”类以获得框架良好且填充内容的容器 - 类似于<div class="span4 well"> - 但该类的css填充/边距会破坏页面结构。

使用bootstrap是否有“干净”的方法来实现这一点，或者我们最好从头开始构建自己的类？在这种情况下 - 你们建议什么是最好/最干净/最不可能的方法？

提前致谢！

Answer 1

您使用的是最新版本的css框架吗？

<div class="row">
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
</div>
<div class="row">
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
   <div class="span4">
      <div class="well">sdfijoidfisdonsdfiosdnfosdi</div>
   </div>
</div>

这对我有用！

使用bootstrap和css的模块化内容框

1 个答案: