跨区不响应引导响应属性 [英] Spans don't respond to the bootstrap responsive properties
问题描述
我正在建立这个小型网站:网站;我打算让它在一定程度上响应,我使用Twitter的Bootstrap响应网格来实现。
I'm building this small website : Website ; I intend making it responsive in some degree and I'm using Twitter's Bootstrap responsive grid to achieve that.
有一些问题,虽然与跨度,由于某种原因,我不能识别,没有响应响应属性。这就是为什么我想要一套新的眼睛看看,告诉我我做错了什么,因为我看不到它:)
There is some issue though with the spans, for some reason, I cannot identify, nothing responds to the responsive properties. That is why I would like a new set of eyes to take a look and tell me what am I doing wrong in there because I cannot see it :)
EDIT:这是HTML的样子:
EDIT : This is how the HTML looks like :
<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,我做了一个小提琴: 小提琴
EDIT : As for the CSS, I made a fiddle for it : Fiddle
推荐答案
这是否接近您在 http://jsfiddle.net/panchroma/53U9N/ 之后的状态?
Is this close to what you are after http://jsfiddle.net/panchroma/53U9N/?
我把你的CSS,移除了
I took your CSS, removed the
@import "libraries/bootstrap/bootstrap.less";
,而是从CDN导入引导css(参见fiddle中的资源列表)
and instead imported the bootstrap css from a CDN (see the resources list in the fiddle)
我也删除了
<div class="span8 clearfix description-details-container">
因为我不确定你想要这个。
because I'm not sure that you want this there.
祝你好运
这篇关于跨区不响应引导响应属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!