小编Bri*_*ner的帖子

我正在使用Bootstrap并Font Awesome制作一张类似FAQ zalando的表格.

所以在左侧,应该有一个图标,在右侧,应该有文字.

我希望文本完全在彼此之下,它们不应该彼此不一致.如果我给图标一个跨度,那么它将被忽略.

这是我的代码:

<div class="row">
    <i class="span2 icon-user "></i>
    <div value='register' class="span4">
        Registrierung
    </div>
    <i class="icon-mobile-phone span2"></i>
    <div id='Newsletter' class="span4">
        Newsletter
    </div>
</div>
<div class="row">
    <i class="icon-euro span2"></i>
    <div value='kost' class="span4">
        Kosten
    </div>

    <i class="icon-phone span2"></i>
    <div id='probleme' class="span4">
        Probleme
    </div>
</div>

我正在使用bootstrap并希望有两列,一列左,一列右.唯一的问题是,它不是同一个高度,但它应该.我可以用保证金负面做到这一点,但这感觉不对.我还发现了class ='clearfix',但这不起作用.这个简单问题的解决方案是什么？

HTML

<div class="span6 pull-left">
  left some content here
</div>

<div class="span6 pull-right">
  right content here
</div>

Run Code Online (Sandbox Code Playgroud)