Question

我正在建立这个小网站：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

Answer 1

这是否接近http://jsfiddle.net/panchroma/53U9N/之后的情况？

我拿了你的CSS，删除了

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

而是从CDN导入bootstrap css（参见小提琴中的资源列表）

我还删除了

中的clearfix类

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

因为我不确定你想要那个。

祝你好运

Spans不响应引导响应属性

1 个答案: