html - 跨度不响应 Bootstrap 响应属性

标签 html css twitter-bootstrap

<分区>

我正在建立这个小网站: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: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,我为它做了一个 fiddle :Fiddle

最佳答案

这是否接近您所追求的 http://jsfiddle.net/panchroma/53U9N/

我拿走了你的 CSS,删除了

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

而是从 CDN 导入 Bootstrap css(请参阅 fiddle 中的资源列表)

我还删除了

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

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

祝你好运

关于html - 跨度不响应 Bootstrap 响应属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14110978/

相关文章:

html - 滚动条阻止点击图标(在图标顶部)

css - Qt 4 : How to set outer border for QWidget so that its inner widgets are unaffected?

jquery - 悬停状态很古怪

javascript - Bootstrap collapse 有一个跳跃的过渡

html - 如何让所有div在一行中保持相同的高度

PHP 文件在浏览器中打开而不是运行

javascript - 带有子菜单和平滑滚动的粘性导航

html - 如何叠加图像

Javascript - 即使元素存在,getElementById() 也会返回 null

javascript - 用js Bootstrap 检查/取消检查多个元素