Question

我在通过localhost将我的bootstrap.css转换为wordpress时遇到了问题。我已将自定义引导主题放在wordpress的themes文件夹中。但是，我按照一些关于如何轻松转换这个主题的教程，然而，它可以显示菜单，但没有来自我的CSS的样式。

这是我的 header.php

的代码

     <!DOCTYPE html>
     <html lang="en">
     <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Starter Template for Bootstrap</title>

    <link href="<?php bloginfo('template_directory');?>" rel="stylesheet">


  </head>

   <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id = "home">
      <div class="container" >
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-   target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand page-scroll" href="#page-top" ><strong>CODE.DESIGN.BUILD</strong></a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav pull-right">
            <li><a href="#about" class = "page-scroll">About</a></li>
             <li><a href="#portfolio" class = "page-scroll">My Portfolio</a></li>
            <li><a href="#contact" data-toggle="modal">Contact</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div><!--end of Navbar-->

这是我的 style.css

/*
Theme Name: BS3 Theme
Theme URI:http://
Description: My Bootstrap 3 Responsive Theme
Version: 1
Author: **
Author URI: http://
*/

@import url ("css/bootstrap.css");

和我的 index.php

<?php get_header(); ?>

<?php get_footer(); ?>

请帮助解释是否有这样的答案。谢谢堆叠人员！

Answer 1

本地主机上的wordpress网站样式来自名为 style.css 的文件，该文件位于＆＃34; localhost \ wordpress \ wp-content \ themes \ yourtheme \ style.css＆＃34; ，请尝试修改此文件以获得所需的样式。，对于bootstrap主题，你可以尝试相同的。

Answer 2

如果您在本地堆栈上使用Wordpress，则可能无法正确发送CSS，具体取决于您的服务器配置。您可能想尝试使用本地IP地址（通常为127.0.0.1）并将其放入设置屏幕。特别是如果您的配置文件中没有绑定本地主机。请参阅此处http://codex.wordpress.org/Settings_General_Screen以供参考。用您的本地IP地址替换站点地址和Wordpress URL地址，并且应该正确提供CSS。

Bootstrap主题样式到wordpress转换

2 个答案: