将一个大列表分成水平多列列表Bootstrap 3

时间:2015-06-17 21:04:00

标签: html css twitter-bootstrap twitter-bootstrap-3 html-lists

我正在尝试将两个标题下的两个ul作业列表,“作业类别”和“作业功能”分成多个列,列不一定高度相同,并且响应迅速。否则,单列列表太长。这两个标题和列表应该是内联的(水平)。这显然也需要对移动设备做出响应。

最好的方法是什么?以下视觉示例: enter image description here

3 个答案:

答案 0 :(得分:1)

使用网格系统,人们可以打破细胞"引导网格系统:

true

有效。享受!

答案 1 :(得分:0)

<div class="col-md-6">

Bootstrap将页面/ div分解为类.container内的12个“列”。通过这种方式,您可以将一半的空间用于其中一个标题,并且它将适合移动设备。

我希望这不是一个粗略的过度简化,但鉴于可获得的信息似乎是正确的。

答案 2 :(得分:0)

试试这个

$sub = "STR";
$newsub="All-";
$str="Strstring";
$newstr=str_ireplace($sub,$newsub,$str);