当前位置: 首页 > 面试题库 >

使用Twitter Bootstrap 2.0-如何使列高相等?

狄侯林
2023-03-14
问题内容

bootstrap 2.0是否有任何帮助程序使.span1,.span2 .... span12的高度相等。我已经嵌套了这种类型的html

<div class='container'>
  <div class='row'>
    <div class='span2'>
      <div class='well'>
        XXXX
      </div>
    </div>
    <div class='span2'>
      <div class='well'>
        XXXX
        XXXX
      </div>
    </div>
    <div class='span2'>
      <div class='well'>
        XXXX
        XXXX
        XXXX
      </div>
    </div>
  </div>
</div>

如果可能,我希望每口井的高度都一样吗?


问题答案:

这是一个响应式CSS解决方案,基于为每列添加较大的填充和同样大的负边距,然后将整个行包装在隐藏了溢出的类中。

.col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#ffc;
}

.col-wrap{  
    overflow: hidden;   
}


 类似资料:
  • 问题内容: 我正在使用Bootstrap。如何使三根柱子的高度相同? 这是问题的屏幕截图。我希望蓝色和红色列与黄色列的高度相同。 这是代码: 问题答案: 使用Bootstrap 4的解决方案4 Bootstrap 4使用Flexbox,因此不需要额外的CSS。 解决方案1使用负边距(不会破坏响应能力) 解决方案2使用表 使用Flex的解决方案3已于2015年8月添加。此之前发布的注释不适用于此解决

  • 问题内容: 我想要一个在Bootstrap 4支持的所有浏览器中都可以使用的解决方案。如果不涉及JS,则更好。现有的一些解决方案基于Bootstrap 3,有些则无法在MacOS的Safari中使用。 更新。 似乎我做错了研究。默认情况下,Bootstrap4的高度相同。我随附了带有插图的更新图像。您无需执行任何操作,它已经存在。 问题答案: 你只需要使用您获得等高列以前版本的引导。 但是对于bo

  • 问题内容: 如何使用函数在python中将列表相乘?这就是我所拥有的: 所以我想用它来乘以list * list(1 * 1、2 * 2、3 * 3、4 * 4) 所以输出将是1、4、9和16。我该如何在python中执行第二个列表的操作?谢谢 问题答案: 我最喜欢的方式是在两个列表上映射运算符: ,至少在Python 3中,返回生成器。因此,如果您想要一个列表,则应将其转换为一个: 但是到那时,

  • http://www.bootply.com/somVIZEXxC#这是我的网站,基本上,我希望科尔-lg-6是相同的高度,这样我里面的图像是均匀的,目前,一个图像延伸到另一个下面。 编辑:当前版本http://www.bootply.com/UIWf6q09h4

  • 问题内容: 在下面的代码中,我希望带有“ y”的div将div的高度与3个“ x”相匹配。 需要注意的是内部div是浮动的。 问题答案: 如果您不反对使用jQuery,可以使用EqualHeight,它应该做您想要的

  • 在Joshua Bloch的有效JAVA中,当我阅读静态工厂方法时,有一个声明如下 静态工厂方法从重复调用中返回相同对象的能力允许类在任何时候对存在的实例保持严格控制。这样做的类称为实例控制类。编写实例控制类有几个原因。实例控件允许类保证它是单实例(第3项)或不可实例化(第4项)。此外,它允许一个不可变类(项目15)保证不存在两个相等的实例:a.equals(b)当且仅当a==b。如果一个类做出此