2013-01-01 30 views
1

我正在構建這個小網站: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:[email protected]" class="clearfix contact-email"> 
         <span class="pull-left">[email protected]</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

+0

我不明白,職位是局部的,但我應該怎麼回事學會不要做同樣的錯誤,如果我不知道這些錯誤是:) – Roland

+3

SO不是教育一個人。一旦你修復了網站,沒有人能再次從這個問題中受益,因爲他們看不到原來的問題。如果你在這裏粘貼相關的代碼,它將不會再被本地化。 – JJJ

+0

我已閱讀常見問題:)但這個問題並不是唯一一個特定的人,還有數百個解決特定用戶問題的其他問題......反正......如果需要,我將刪除帖子: ) – Roland

回答

1

這是接近你是什麼http://jsfiddle.net/panchroma/53U9N/後?

我把你的CSS,去掉了

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

,並代替進口從CDN引導CSS(見小提琴的資源列表)

我也去掉了clearfix類

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

因爲我不確定你想要那裏。

好運

+0

因此,我的引導文件或編譯可能有問題?我需要clearfix,因爲裏面有浮動的div – Roland

+0

爲了查明原因,你可以嘗試使用Bootstrap CSS和JS從CDN測試頁面嗎?或者分享導致問題的實際測試頁的URL? –