【问题标题】:twitter bootstrap html-structure css bug?twitter 引导 html 结构 css 错误?
【发布时间】:2013-04-04 07:19:52
【问题描述】:

我在使用 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>

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

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

其他人已经解决了这个问题吗?

【问题讨论】:

  • “它有效”是什么意思?即使包含两个锚点,您也不希望它换行吗?
  • 没错。我不想将第二部分换成新行。

标签: css html twitter-bootstrap typo3


【解决方案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/

【讨论】:

【解决方案2】:

我通过删除我的 contentelement 的内包装并将外包装用于跨度来解决此问题。甚至像@chrx 所写的那样,anker 在跨度内。但我什至不知道这是引导程序错误还是功能....

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-11-30
    • 2011-11-11
    • 2017-01-05
    • 2016-06-20
    • 2014-09-18
    • 1970-01-01
    • 2021-01-12
    • 2014-11-30
    相关资源
    最近更新 更多