Html 如何适合显示100%宽度的页脚标记
我试图设置我的页脚宽度100%,但没有工作 在引导默认情况下,页脚和其他标记不适合显示,宽度分别不是100%。为什么呢 HTML代码:Html 如何适合显示100%宽度的页脚标记,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试图设置我的页脚宽度100%,但没有工作 在引导默认情况下,页脚和其他标记不适合显示,宽度分别不是100%。为什么呢 HTML代码: <div style="clear:both;"></div> <footer class="row col-lg-12 col-md-12 col-sm-12 col-xs-12"> <p><small>Copyright <span class="glyphicon
<div style="clear:both;"></div>
<footer class="row col-lg-12 col-md-12 col-sm-12 col-xs-12">
<p><small>Copyright <span class="glyphicon glyphicon-copyright-mark"></span> This is a small footer. </small></p>
<img src="img/fb.png" alt="">  
<img src="img/twitter.png" alt="">  
<img src="img/youtube.png" alt="">  
<img src="img/myspace.png" alt="">
</footer>
我还添加了以下代码,但同样没有成功:
footer{
padding: 2em 0;
border-top: 1px solid #ddd;
color: #999;
text-align: center;
background-color: #2b2b2b;
min-width:100%;
}
我还在CSS的开头添加了重置边距和填充的功能
* {
margin: 0;
padding: 0;
}
下面是说明说明您的页脚需要放置在
容器流体
中,而不是容器
元素中。如以下文件所述:
使用.container流体作为全宽容器,跨越视口的整个宽度
例如:
。示例{
背景色:#中交;
}
非流体容器非流体容器非流体容器
流体容器流体容器流体容器
请注意,在TWB中,我们有行
s包含列*
s。在这种情况下,页脚被错误地给出了行
和列*
类。谢谢,但很抱歉,我不明白你想说什么?如果你不想引导网格系统处理页脚的宽度,就不要给元素提供引导的类。然后,页脚作为其他块级元素将水平填充其父元素的整个空间。不起作用:/版权所有这是一个小页脚 请注意,引导的类层次结构必须以一个容器开始,该容器必须包含一行,并在该行中放置列-*
元素。看看我的例子。对不起,伙计,我看到在你的情况下它工作得很好。在我的情况下没有成功版权这是一个小页脚 您仍然缺少带有class行的div
。请记住,它必须始终转到容器
->行
->列
谢谢,现在正在工作。但在项目开始时,我做了一个大容器,里面放着其他的div。现在在这种情况下,如果他在大容器内,容器液体不起作用,当我在大容器后剪切粘贴时,效果很好。这个语义正确吗?我想你能理解我,我的英语不是很好!顺致敬意,
* {
margin: 0;
padding: 0;
}