我正在使用joomla设计一个网站并使用bootstrap框架.现在我的页脚出了问题.基本上我使用简单的网格布局,我希望网站的内容部分位于页面的中心,左侧和右侧都有我已经实现的空间.而现在我希望页脚不像中间内容,而是在页面的末尾和整个宽度而不是固定.所以我想通常向下滚动页面,在页面的末尾,页脚将以全宽显示.我搜索了很长时间但我找不到任何有效的解决方案.我希望有人可以帮助我实现它......
以下是我使用的php-page和css文件的脚本
的index.php
<!DOCTYPE html>
<html>
<head>
<jdoc:include type="head" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- main container -->
<div class='container'>
<!-- header -->
<div class="mainMenuTop"/>
<div class='row'>
<jdoc:include type="modules" name="position-1" style="well" />
</div>
<div class='row'>
<!-- main content area -->
<div class='span12'>
<div class="article">
<jdoc:include type="component" />
</div>
</div>
</div>
<!-- footer -->
<div class='row'>
<div class='span12'>
<div class='footer'>
<jdoc:include type="modules" name="footer" style="none" />
</div>
</div>
</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
style.css文件
body
{
overflow-y: scroll;
background: url(../images/Test.jpg) no-repeat …Run Code Online (Sandbox Code Playgroud)