我正在尝试为我的网站编写一个响应式页脚,我正在使用该网站的bootstrap,所以我想我会使用流体跨度。我已按照here
的方式设置所有设置然而,当你缩小浏览器时,它不会像跨距那样崩溃。相反,一个人等等等。
以下是代码:
<div id="footer">
<div class="row-fluid">
<div class="span12">
<div class="row-fluid">
<div class="span4">
<div id="leftsidefooter">
<div id="social">
<a href=
"https://www.facebook.com/pages/Wall-Space-Gallery-and-Framing/195974620432391">
<img alt="facebook" class="socialicon" src=
"img/FacebookSquare.png"></a> <a href=
"https://twitter.com/WallSpaceOttawa"><img alt=
"twitter" class="socialicon" src=
"img/Twittersquare.png"></a>
</div>
<div id="feed"></div>
</div>
</div>
<div class="span8">
<div class="span4">
<div id="rightsidefooter">
<h3>Rental Inquires</h3>
</div>
</div>
<div class="span4">
<div id="rightsidefooter">
<h3>Rental Inquires</h3>
</div>
</div>
</div>
</div>
</div>
</div>
答案 0 :(得分:0)
相反令人尴尬的是,问题不在于html,而是在css中缺少关闭},这阻止了某些样式的激活。
感谢您的帮助。我将在下一次进一步了解它。