2013-01-01 28 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? –