我正在尝试使用 Bootstrap 构建响应式布局。我很困惑如何对下面的区域进行编码以确保它可以自然地与 bootstrap 一起工作。
根据 Twitter 惯例,我已经在使用 div.row 和 div.span12。在这个区域内,我有一个带有边框的框,如下所示。
有一个带边框的盒子,盒子里面我需要有三个宽度相等的跨度。我如何使用 Bootstrap 实现这一目标。
最佳答案
可以通过display: table
获得等宽div: CSS side by side div's auto equal widths
然后无论如何你都会有 3 个等宽的 div。
当窗口宽度减小时,Bootstrap 的 span 最终会一个一个在另一个上面,但这可能比智能手机上三个等宽的小 div 要好。
另外,您可以使用 Bootstrap 的 responsive utility classes根据需要设计不同的图表标题。
关于jquery - 使用 Twitter Bootstrap 的响应式布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12519301/