不同行大小的引导按钮组的高度问题

时间:2016-10-25 15:50:16

标签: html twitter-bootstrap-3

如何使用具有不同行长按钮的按钮组时,如何使按钮高度对齐:

http://www.bootply.com/ld5v1kvGKb

1 个答案:

答案 0 :(得分:1)

老实说,我不会将引导列类应用于按钮。我会创建一个div,然后将按钮放入其中。要确保它们“填充”它们的高度,可以将按钮的父div设置为100%,然后为包含div的行(包含按钮本身)指定高度。

Bootstrap类用于布局,而不是用于样式元素。在这种情况下,您使用列来指定按钮的宽度。这不容易维护(如果你想添加另一个按钮会发生什么,或者你需要并排12个以上的元素)。

看起来你也试图创建一个在页面上“标记”的元素,表示列表中的项目,图像,收藏夹等。如果是这种情况,请尝试“封装”他们自己的divs / css结构中的元素与bootstrap分开。这样,如果需要,您可以轻松更新引导程序,然后使用自己的css修复任何小问题,而不必添加一堆类等。此外,使这些元素“封装”使它们非常容易重用,并允许更轻松地调试跨浏览器支持。