0

ブートストラップに問題があります。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>

2 番目のセクションは新しい行に分割されますが、最初のアンカーを削除すると機能します。私はすでにアンカーを作成しようとしているか、セレクターdisplay:noneのクラスを追加しようとしています.span0

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

他の誰かがすでにこの問題を解決していますか?

4

2 に答える 2

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/

于 2013-04-04T07:24:03.987 に答える