Question

我目前正在使用Wordpress的其他人制作的网站，我必须在其中添加一些网页。我已经用PHP完成了所有功能部件，现在我必须完成设计部分。为此，我想使用Bootstrap但是当我在已存在的标题中链接bootstrap时，网站的某些部分也会发生变化。

我认为他们有一些共同的类和id名称，所以我想知道是否有任何方法我只能为我的网页使用Bootstrap。总结一下，我包括已存在的页眉和页脚，我想在主体上使用Bootstrap，这可能吗？

Answer 1

header.php文档中的链接bootstrap：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

或者，如果您也喜欢JavaScript：

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

这两个都是直接从Bootstrap guide复制的。您现在可以在HTML中使用这些：

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-6"><p>Oh hey</p></div>
        <div class="col-sm-6"><p>Oh hey</p></div>
    </div>
</div>

Answer 2

仅在您的身体中使用Bootstrap是很困难的，因为Bootstrap自然地将其CSS应用于您的整个网页。您可以排除LESS代码的某些部分，但我怀疑您是否能够将主体与页脚和标题完全分开。 Bootstrap适用于列表，段落，标题等的各种html标签。

如果您准确地告诉我们哪些元素发生了变化但不应该这样做，那将会有所帮助。

如果您只是想要一个统一的用户体验并且没有设计规范，您可以尝试使用预先安装了Bootstrap的许多WordPress主题之一。

Answer 3

我知道它并不完美，但如果您在使用boothstrap的页面上有特定网址，则可以执行此操作

<?php
    $uri = $_SERVER['REQUEST_URI'];
    if ( strpos($uri,'/contains-this-in-url/') !== false){
      echo '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">'
    }
 ?>

解释 $ uri将包含域名后面的网址部分（www.example.com） if语句将检查$uri是否包含所需部分，您可以使用===作为明确路径，并通过添加||

进行更多检查

在现有网站上有选择地使用Bootstrap

3 个答案: