1

我正在建立这个小网站：网站；我打算让它在某种程度上具有响应性，我正在使用 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，我为它做了一个小提琴：小提琴

4

1 回答 1

1

这接近你在http://jsfiddle.net/panchroma/53U9N/之后的样子吗？

我拿走了你的 CSS，删除了 

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

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

我还删除了 clearfix 类 

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

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

祝你好运

于 2013-01-01T17:10:45.610 回答