Question

问题很简单，但也许答案不是。

我想知道如何自动复制和粘贴Bootstrap创建的<footer>CONTENT HERE</footer>。

有一些简单的方法吗？因为在互联网上我只能阅读非常复杂的方式。

由于

Answer 1

您似乎对页面的呈现方式感到困惑。 CSS用于样式化HTML已经提供的内容，因此Bootstrap无法帮助您。 Bootstarp没有“创建”页脚的内容，它为它提供了一些样式。

根据您用于生成页面的后端技术（可能是Jade，EJS，PHP？），您需要对页脚模板进行某种包含。

Answer 2

以下是如何在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>

如果您放置一个单独的文件并在所有其他页面中调用它，如果您单独编辑或更改此文件，它将在所有页面中动态创建。

与上述方法类似，您需要创建所有页面并将其包含在项目文件中。

文件夹结构

项目文件夹

包括（文件夹）
- 的header.php
- footer.php
的index.php（文件）

Answer 3

你可以用jquery来完成这个。

将此代码放在Driver.SwitchTo().Frame("iframe id"); string innerHTML = Driver.FindElment(By.XPath("//html/body")).GetAttribute("innerHTML");

中

index.html

这是一个堆栈overflow页面，可以帮助您解决此问题

此外，如果你使用php，这将更简单

<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

只需在<html> <body> <h1>Welcome to my home page!</h1> <p>Some text.</p> <p>Some more text.</p> <?php include 'footer.php';?> </body> </html>

中创建页脚即可

如果你想了解更多关于php的知识以及如何包含这些内容，那么这是w3schools post。

如何创建一个页脚，然后在我的所有页面中使用它

3 个答案: