TwitterBootstrap-使页脚全长运行-TwitterBootstrap-Makingfooterrunfullwidth

作者：mobiledu2502909217 | 来源：互联网 | 2023-05-17 23:20

Imtryingtomakemyfooterrunthewholewidthofthewebpagelikethenavigation,howeverIwant

I'm trying to make my footer run the whole width of the web page like the navigation, however I want to centre the content of the footer inline with the content above.

我试图让我的页脚像导航一样运行网页的整个宽度,但是我想将页脚的内容与上面的内容对齐。

I thought that adding the classes

inside the footer would centre the content but this has not worked. Any ideas?

我认为在页脚中添加类

会使内容居中,但这并没有奏效。有任何想法吗?

The site is available here - http://www.openreachmarketing.co.uk/

该网站可在此处获取 - http://www.openreachmarketing.co.uk/

1 个解决方案

#1

You have the footer background defined in the .footer class. So you need .footer to wrap around .container.narrow.

您具有.footer类中定义的页脚背景。所以你需要.footer来包装.container.narrow。

This works when I try:

这在我尝试时有效:

推荐阅读

frameworks
ASP.NET Core 3.1 中的Startup类

Startup 类配置服务和应用的请求管道。Startup类ASP.NETCore应用使用 Startup 类，按照约定命名为 Startup。 Startup 类：可选择性地包括 ... [详细]

蜡笔小新 2024-12-25 02:13:25
input
通过Web界面管理Linux日志的解决方案

本指南介绍了一种利用rsyslog、MariaDB和LogAnalyzer搭建集中式日志管理平台的方法，使用户可以通过Web界面查看和分析Linux系统的日志记录。此方案不仅适用于服务器环境，还提供了详细的步骤来确保系统的稳定性和安全性。 ... [详细]

蜡笔小新 2024-12-24 17:11:38
php
Spring Boot 中静态资源映射详解

本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理，包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文，您将了解如何高效地管理和引用静态资源。 ... [详细]

蜡笔小新 2024-12-20 20:02:31
php
2019年前端技术趋势及职业发展路径

本文探讨了2019年前端技术的发展趋势，包括工具化、配置化和泛前端化等方面，并提供了详细的学习路线和职业规划建议。 ... [详细]

蜡笔小新 2024-12-19 10:19:35
sum
Asp.net MVC 中 Bundle 配置详解：合并与压缩 JS 和 CSS 文件

本文深入探讨了 Asp.net MVC 中如何利用 Bundle 功能来合并和压缩 JavaScript 和 CSS 文件，提供了详细的配置步骤和示例代码，适合开发人员参考学习。 ... [详细]

蜡笔小新 2024-12-18 18:54:11
php
TechStride 网站

TechStride 成立于2014年初，致力于互联网前沿技术、产品创意及创业内容的聚合、搜索、学习与展示。我们旨在为互联网从业者提供更高效的新技术搜索、学习、分享和产品推广平台。 ... [详细]

蜡笔小新 2024-12-24 20:04:54
input
React 表单验证：构建无第三方库的表单处理机制

本文将深入探讨如何在不依赖第三方库的情况下，使用 React 处理表单输入和验证。我们将介绍一种高效且灵活的方法，涵盖表单提交、输入验证及错误处理等关键功能。 ... [详细]

蜡笔小新 2024-12-24 15:48:48
php
基于jQuery的用户注册页面表单验证代码分享

本文介绍了一段使用jQuery实现的用户注册页面表单验证代码，适用于前端开发人员学习和参考。该示例结合了HTML、CSS和JavaScript，确保用户输入的数据格式正确。 ... [详细]

蜡笔小新 2024-12-24 14:37:46
php
YB02 防水车载GPS追踪器

YB02防水车载GPS追踪器由Yuebiz科技有限公司设计生产，适用于车辆防盗、车队管理和实时追踪等多种场合。 ... [详细]

蜡笔小新 2024-12-18 14:59:54
sum
前端常用的布局类型——前端布局

1.Static静态布局固定宽高：2.Liquid流式布局宽高用百分比，按屏幕分辨率调整，布局不发生变化3.Adaptive自适应 ... [详细]

蜡笔小新 2024-12-14 10:35:02
int
使用Bootstrap创建响应式渐变固定头部导航栏的方法

本文详细介绍了如何利用Bootstrap框架构建一个具有渐变效果的固定顶部响应式导航栏，包括HTML结构、CSS样式以及JavaScript交互的完整实现过程。适合前端开发者和学习者参考。 ... [详细]

蜡笔小新 2024-12-12 18:04:25
java
Qwik：一款创新的JavaScript框架，致力于提升网页应用的速度与响应性

Qwik是一款新的JavaScript框架，旨在通过其独特的可恢复性机制，显著提高网页应用的加载速度和用户体验。 ... [详细]

蜡笔小新 2024-12-09 16:07:41
java
Bootstrap与Layui的主要差异分析

在前端开发领域，Bootstrap与Layui是两种非常流行的框架选择。本文将深入探讨这两种框架的主要区别，帮助开发者根据项目需求做出最佳选择。 ... [详细]

蜡笔小新 2024-12-08 19:53:39
php
GDI基础介绍之几何绘图

使用GDI的一些AIP函数我们可以轻易的绘制出简 ... [详细]

蜡笔小新 2024-12-25 18:23:37
input
优化局域网SSH连接延迟问题的解决方案

本文介绍了解决局域网内SSH连接到服务器时出现长时间等待问题的方法。通过调整配置和优化网络设置，可以显著缩短SSH连接的时间。 ... [详细]

蜡笔小新 2024-12-25 11:31:48

mobiledu2502909217

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章