2013-04-04 60 views
0

我有Bootstrap的問題。我想結合流體html結構的typo3模板。twitter引導html結構的css錯誤?

<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> 

第二部分破壞到一個新行,但如果我刪除第一個錨點它的工作。 我已經儘量使錨display:none或添加類.span0的選擇

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

有沒有人已經解決了這個問題?

+0

你是什麼意思的「它的作品?」即使包含兩個錨點,你也不希望它突破新線路? – amccormack 2013-04-04 07:23:36

+0

這就是對的。我不想打破第二部分的新行。 – freshp 2013-04-04 07:29:29

回答

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/

+0

我已經找到了這個解決方案,但它可能解決這個問題與普通的CSS? – freshp 2013-04-04 07:30:14

+1

Bootstrap *是*純CSS。 – 2013-04-04 08:01:00

+0

肯定,但我怎麼能修復它而不更改html結構? – freshp 2013-04-04 08:12:27

-2

我通過刪除我的ContentElement的的包裹物固定的這個問題,並使用外包裹的跨度。比anker在@chrx這樣的範圍內寫得更好。但我甚至不知道這是一個引導程序錯誤,還是一個功能....