Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/247.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php Boostrap主题样式到wordpress转换_Php_Css_Wordpress_Twitter Bootstrap - Fatal编程技术网

Php Boostrap主题样式到wordpress转换

Php Boostrap主题样式到wordpress转换,php,css,wordpress,twitter-bootstrap,Php,Css,Wordpress,Twitter Bootstrap,我在通过localhost将bootstrap.css转换为wordpress时遇到了问题。我已经将自定义引导主题放在wordpress的主题文件夹中。然而,我遵循了一些关于如何轻松转换此主题的教程。然而,它可以显示菜单,但没有来自css的样式 下面是我的header.php代码 对于我的index.php 如果有这样的答案,请帮助并解释。谢谢大家 本地主机上wordpress站点的样式来自名为style.css的文件,该文件位于localhost\wordpress\wp content\th

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

下面是我的header.php代码

对于我的index.php


如果有这样的答案,请帮助并解释。谢谢大家

本地主机上wordpress站点的样式来自名为style.css的文件,该文件位于localhost\wordpress\wp content\themes\yourtheme\style.css中,因此请尝试修改此文件以获得所需的样式,对于引导主题,您可以尝试相同的方法

如果您在本地堆栈上使用Wordpress,根据您的服务器配置,它可能无法正确发送CSS。您可能希望尝试使用您的本地IP地址(通常为127.0.0.1),并将其显示在设置屏幕上。尤其是在配置文件中未绑定本地主机的情况下。请参见此处以供参考。将站点地址和Wordpress url地址替换为您的本地IP地址,CSS应该能够正确提供。

我还尝试在header.php中使用这种格式调用CSS。。首先检查您的style.css是否正确加载了body{background color:red;},如果它在您的@import url css/bootstrap.css中起作用;没有正确指向。感谢您的回复。我试着改变颜色和它的工作。我仍然不明白为什么我的@import不起作用。我的文件夹结构是themes\myTheme css/fonts/js/index.php header.php footer.php有什么问题吗?我以正确的方式放置了我的文件。--尝试@import url../css/bootstrap.css;我试过了,但还是不起作用。啊!我只是按照这个教程的代码从代码。但仍然不起作用。真令人沮丧。它没有链接到我的css。是的,我试图导入我的bootstap主题,但不幸的是,它没有使用@import url“css/bootstrap.css”显示我的样式;它并没有指向那个位置,这就是我的引导样式的位置。。。感谢您的回复,您的第一步是确保css文件被完美导入,并且样式被应用。试着按照Hareesh的建议进行测试。是的,我已经尝试了他建议的方法,而且效果很好。问题是我的bootsrap.css没有链接到我的style.css。有什么想法吗?
     <!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-->
/*
Theme Name: BS3 Theme
Theme URI:http://
Description: My Bootstrap 3 Responsive Theme
Version: 1
Author: **
Author URI: http://
*/

@import url ("css/bootstrap.css");
<?php get_header(); ?>

<?php get_footer(); ?>