2013-04-04 63 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这样的范围内写得更好。但我甚至不知道这是一个引导程序错误,还是一个功能....