问题很简单，但答案可能并不简单。
我想知道如何自动将 Bootstrap 创建的<footer>CONTENT HERE</footer> 复制并粘贴到我的所有页面中。
有没有一些简单的方法可以做到这一点？因为在互联网上我只能阅读非常复杂的方式。
谢谢
【问题讨论】：
您似乎对页面的呈现方式感到困惑。 CSS 用于样式化 HTML 已经提供的内容，因此 Bootstrap 在这里无法帮助您。 Bootstarp 没有“创建”页脚的内容，它只是给它一些样式。
根据您用于生成页面的后端技术（可能是 Jade、EJS、PHP？），您需要对页脚模板进行某种包含。
【讨论】：
您可以使用 jquery 完成此操作。
将此代码放入index.html
<html>
<head>
<title></title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(function(){
$("#footer").load("footer.html");
});
</script>
</head>
<body>
<div id="footer"></div>
</body>
</html
这是一个堆栈overflow 页面，可以帮助您解决此问题
如果你使用的是php，这会更简单
<html>
<body>
<h1>Welcome to my home page!</h1>
<p>Some text.</p>
<p>Some more text.</p>
<?php include 'footer.php';?>
</body>
</html>
只需在footer.php 中创建您的页脚
这里是 w3schools post，如果您想了解更多关于 php 以及如何包含它的信息。
【讨论】：
footer.html 文件。
这是一个如何在 HTML 页面中包含布局结构的示例结构。
<!DOCTYPE html>
<html>
<head>
<?php include('includes/meta.php'); ?> <!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<?php include('includes/page_title.php') ?>
<!-- BOOTSTRAP CORE STYLE -->
<?php include('includes/header_scripts.php'); ?>
</head>
<body>
<?php include('includes/header.php'); ?>
<!-- LOGO HEADER END-->
<?php include('includes/header_menu.php'); ?>
<!-- MENU SECTION END-->
<div class="content-wrapper">
<div class="container">
<div class="row pad-botm">
<div class="col-md-12">
<h4 class="header-line">Blank Page</h4>
</div>
</div>
</div>
</div>
<!-- CONTENT-WRAPPER SECTION END-->
<?php include('includes/footer.php'); ?>
<!-- FOOTER SECTION END-->
<!-- JAVASCRIPT FILES PLACED AT THE BOTTOM TO REDUCE THE LOADING TIME -->
<!-- CORE JQUERY -->
<?php include('includes/footer_scripts.php'); ?>
</body>
</html>
footer.php
<footer>CONTENT HERE</footer>
如果您放置一个单独的文件并在所有其他页面中调用它，并且如果您单独编辑或更改此文件，它将在所有页面中动态创建。
像上面的方法一样，你需要创建所有页面并将其包含到你的项目文件中。
文件夹结构
项目文件夹
【讨论】：