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 に答える