个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我检查了 bootstrap.min.css 并且 width:100% 没有提到 navbar, navbar-inverse 和 navbar-fixed-top 类，但标题部分仍显示 100% 宽度。
<nav class="navbar navbar-inverse navbar-fixed-top" >
<div class="container">
<div >
<h3>Free Area</h3>
</div>
</div>
</nav>
同样，我想根据页面宽度以 100% 宽度 显示页脚。我使用了下面的 CSS 和 HTML 代码，但它没有显示 100% 宽度 页脚。那么我怎样才能使页脚显示在整个页面宽度上呢？
CSS
footer { margin: 0px 0; background:#006699; }
HTML
<footer>
<div class="container">
<div class="row ">
<div class="col-md-6 col-sm-6">
<h3>Section Area 01</h3>
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
</div>
<div class="col-md-6 col-sm-6">
<h3>Section Area 02</h3>
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
</ul>
</div>
</div>
</div>
</footer>
最佳答案
作为requested by the OP ，OP面临的问题是<footer>或 <header>限于 width的 .container的 Bootstrap 框架。一种最佳解决方案是将元素直接放在主体下方。
因此，您的解决方案是(可能)替换此旧代码:
<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<header>
<!-- Contents -->
</header>
<!-- Body -->
<footer>
<!-- Contents -->
</footer>
</div>
</div>
</div>
</body>
从 .container 中取出它，这限制了 width并将其直接放在 <body> 下像这样:
<body>
<header>
<!-- Contents -->
</header>
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Body -->
</div>
</div>
</div>
<footer>
<!-- Contents -->
</footer>
</body>
关于html - 页脚未使用 Bootstrap 3 以全页宽度显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35226855/
26
4
0
Apache服务器全局配置之服务器标识配置篇 服务器标识相关指令： ServerName ServerAdmin ServerSignature ServerTokens UseCanonical
//校验是否全由数字组成 ? 1
具体内容如下： 1 os.system 例如 ipython中运行如下命令，返回运行状态status os.system('cat /etc/passwdqc.conf') min=disab
基本操作 查看数据库 ? 1
Xcode使用教程详细讲解是本文要介绍的内容，Xcode是一个款强大的IDE开发环境，就像你在写Windows程序时需要VS2005一样 需要要Xcode为你写Mac程序提供环境。因此，如果你要成为
就如今天遇到随即函数rand();脑海中想到用它做点啥好呢，最后想起了验证码，数字验证码，字母验证码，中文验证码，可是自己不会呀，咋办呢，上网搜，看别人的代码，开不懂，看视频，听老师讲，将其中所遇到
pcre-7.8.tar.gz 正则表达式下载地址：ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/
IDEA常用设置（提高开发效率） 本人也是IDEA编译器的忠实用户了，但是有时出于各种原因，比如更换设备等等，IDEA总是需要重新安装配置。这就让我比较苦恼，因为总是记不全自己之前都修改了
? 1 2
1、 操作环境搭建 系统：Windows7 旗舰版 64位 PHP环境：wampserver2.2e-php5.4.3-httpd2.2.22-mysql5.5.24 32
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 去年关闭。 Improve th
我已经为我在 Adobe Fireworks Cs5 中构建的页面生成了 css，我想知道如何为我的标题和其他 div 设置完整宽度。我将显示标题部分的 css 代码。 @charset "utf
您好，我希望表单宽度为 100%。我希望文本框几乎延伸整个页面的宽度，并在文本框的右侧直接放置小的“GO”按钮，所有按钮都在同一行(或 block )上。 现在我的文本框只有其中文本的宽度(“在此处输
我没有设法将全宽页脚粘贴到网页底部。当页脚上方的主要内容低于一定高度时，页脚下方有一个空白区域。我尝试使用各种解决方案，例如以下 css 代码: html,body { margin:0; padd
我想要一个全宽的表格。当我给 position:fixed; 它变成全宽但可滚动不起作用。 简而言之，我需要一个与浏览器主体没有任何边距的表格。 body { font-family: "Helv
我注意到很多大型网站(如 Google 和 Facebook)在查看页面源代码时 99% 的源代码都是 JavaScript。 有人知道这种方法相对于常规 HTML+JavaScript 页面的优势吗
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 8 年前。 Improve this q
由于某种原因，我网站上的图片不再是全宽的。 据我所见，所有内容都设置为 100% 宽度。 http://cargocollective.com/btatest 我是不是什么地方都没有？ 最佳答案 我认
我正在创建一个菜单并尝试使用 CSS 制作全宽菜单。但是，我不确定菜单项将如何出现在菜单中。 这是问题的截图: 问题出在我得到的“GAP”中。 如果我有固定数量的元素，我知道我可以使用这个逻辑: ul
这个问题在这里已经有了答案: Puzzle: Find largest rectangle (maximal rectangle problem) (6 个答案) 关闭 9 年前。 给定一个二元矩阵
我是一名优秀的程序员,十分优秀！