css - twitter bootstrap html-structure css 错误？

Question

我对 Bootstrap 有疑问。我想将 typo3 模板与流畅的 html 结构相结合。

<div class="row-fluid">
<a name="Content-ce156"></a>
<section class="span6">
<header>contentheader</header>
<article>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</article>
</section>
<a name="Content2-ce156"></a>
<section class="span6">
<header>contentheader2</header>
<article>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</article>
</section>
</div>

第二部分换行，但如果我删除第一个 anchor ，它就会起作用。 我已经尝试制作 anchor display:none 或为选择器添加类 .span0

.row-fluid [class*="span"]

有没有其他人已经解决了这个问题？

Answer 1

链接需要在 .span6 元素内:

<div class="row-fluid">
    <section class="span6">
        <a name="Content-ce156"></a>
        <header>contentheader</header>
        <article>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</article>
    </section>
    <section class="span6">
        <a name="Content2-ce156"></a>
        <header>contentheader2</header>
        <article>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</article>
    </section>
</div>

示例:http://jsfiddle.net/S79rh/