【问题标题】:Spans don't respond to the bootstrap responsive properties [closed]跨度不响应引导响应属性[关闭]
【发布时间】:2013-01-02 01:10:45
【问题描述】:

我正在建立这个小网站:Website;我打算让它在某种程度上具有响应性,我正在使用 Twitter 的 Bootstrap 响应式网格来实现这一点。

虽然跨度存在一些问题,但由于某种原因,我无法识别,没有响应响应属性。这就是为什么我想要一双新的眼睛来看看并告诉我我在那里做错了什么,因为我看不到它:)

编辑:这就是 HTML 的样子:

<article class="container">

    <section class="content-view-container">
        <div class="content-view-inner">
            <div class="row">
                <div class="span8 clearfix description-details-container">
                    <div class="thumb-container pull-left">
                        <div class="thumb-inner">
                            <img src="http://www.gravatar.com/avatar/1d7a80504fccf379e4299d7face1bfc3.png">
                        </div>
                    </div>
                    <div class="headline-container pull-left">
                        <div class="headline-inner">
                            <h1>Roland Groza</h1>
                            <h4>Frontend Developer</h4>
                        </div>
                    </div>
                </div>
                <div class="span4 contact-details-container">
                    <a href="tel:0045 29 84 11 04" class="clearfix contact-phone">
                        <span class="pull-left">0045 29 84 11 04</span>
                        <span class="pull-right"><i class="icon-phone"></i></span>
                    </a>
                    <a href="mailto:info@rolandgroza.me" class="clearfix contact-email">
                        <span class="pull-left">info@rolandgroza.me</span>
                        <span class="pull-right"><i class="icon-airplane"></i></span>
                    </a>
                </div>
            </div>
            <div class="row">
                <div class="span1">
                    <div class="info-button-container">
                        <div class="info-button-inner"><i class="icon-info"></i></div>
                    </div>
                </div>
                <div class="span11">
                    <div class="info-description-container">
                        <div class="info-description-inner">
                            <p>Barging in from Romania as a young and truly devoted creator I've landed on the platform of web designing and web development with the purpose to present you my own creation. And I am one hundred percent positive that I can recreate from ashes with just a couple of coding something outstanding. I do possess a multi-facetted-easy-to-dislike personality but my demeanour regarding my work is truly professional and as long as I embark my "merry go round", ideas will always start bursting from nowhere. But here I am trying to improve something, to make your life even more complicated and to reinforce some boundary-pushing style of my own. Complicated means Rebellious, Rebellious means Revolutionary Art. Art means Design.</p>
                            <p>P.S. : Do please take a glimpse of my best work and do not hesitate to contact me for any comments. Believe it or not you might like it. I’ll be honoured to untangle your thoughts :)</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</article>

编辑:至于 CSS,我为它做了一个小提琴:Fiddle

【问题讨论】:

  • 我知道这篇文章是本地化的,但是如果我不知道这些错误是什么,我应该如何学习不犯同样的错误:)
  • 所以不是教育一个人。一旦你修复了网站,其他任何人都无法再次从这个问题中受益,因为他们看不到最初的问题。把相关代码贴在这里就不会太本地化了。
  • 我已经阅读了常见问题解答 :) 但是这个问题并不是唯一一个特定于一个人的问题,还有数百个其他问题可以解决特定用户问题......无论如何......如果有必要我会删除帖子:)
  • 是的,所有这些也应该关闭。 只要解决问题就不必删除,在这里复制粘贴相关代码。
  • 那不是css,是Less。您是否包含来自 lesscss.org 的 Less javascript 以将其转换为实际的 CSS?顺便说一句,我们要求您在此处发布代码而不是依赖指向您网站的链接的原因是(a)您的网站可能随时更改甚至消失,因此对于寻找相同答案的未来读者来说,这个问题变得毫无意义或类似的问题,以及 (b) 您的网站可能是恶意的,并不是每个人都愿意点击您的链接

标签: html css twitter-bootstrap


【解决方案1】:

这与http://jsfiddle.net/panchroma/53U9N/ 之后的情况接近吗?

我拿走了你的 CSS,删除了

@import "libraries/bootstrap/bootstrap.less";  

而是从 CDN 导入引导 css(请参阅小提琴中的资源列表)

我还删除了

中的 clearfix 类
<div class="span8 clearfix description-details-container">  

因为我不确定你是否想要这个。

祝你好运

【讨论】:

  • 所以我的引导文件或编译可能有问题?我需要 clearfix,因为那个 div 里面漂浮着
  • 要查明原因,您可以尝试使用 CDN 中的 Bootstrap CSS 和 JS 测试页面吗?或者分享导致问题的实际测试页面的 URL?
猜你喜欢
  • 1970-01-01
  • 2018-05-13
  • 1970-01-01
  • 1970-01-01
  • 2023-03-31
  • 1970-01-01
  • 2016-12-03
  • 1970-01-01
  • 2014-09-04
相关资源
最近更新 更多