【问题标题】:Wordpress: Some classes in bootstrap not workingWordpress:引导程序中的某些类不起作用
【发布时间】:2016-02-02 19:25:00
【问题描述】:

当我想在 bootstrap 中使用类(如 span、col-md、col-lg 和 glyphicons)时,我在 wordpress 中遇到了问题。它不工作

这是我的代码:

标题

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- Le styles -->
<link href="<?php bloginfo('stylesheet_url');?>" rel="stylesheet">

<title><?php bloginfo('name'); ?></title>

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>

<!-- Preventing from clicking back button in all browser -->
<script type="text/javascript">    
    window.history.forward();
    function noBack() { 
        window.history.forward(); 
    }
</script>   
</head>

样式(css)

/*
 Theme Name: CRM bootstrap
 Author: Mark
 Version: 1.0
*/

 @import url('bootstrap/css/bootstrap.css');
 @import url('bootstrap/css/bootstrap.min.css');  
 @import url('bootstrap/css/bootstrap-responsive.css');
 @import url('bootstrap/css/bootstrap-responsive.min.css'); 
 body { 
   margin-top: 60px;
 }

【问题讨论】:

    标签: css wordpress twitter-bootstrap


    【解决方案1】:

    您还需要将它们添加到您的functions.php 文件中。这是一个外观的演示,

    function bluebreeze_script_enqueue(){
    
            //CSS
            wp_enqueue_style('bootstrap', get_template_directory_uri().'/css/bootstrap.min.css', array(), '3.4.4', 'all');
            wp_enqueue_style('fontawesome', get_template_directory_uri().'/css/font-awesome/css/font-awesome.css', array(), '4.4.0', 'all');
            wp_enqueue_style('customstyle', get_template_directory_uri().'/css/bluebreeze.css', array(), '1.0.0', 'all');
    
            //JS
            wp_enqueue_script('customjquery', get_template_directory_uri().'/js/jquery.min.js', array(), '2.1.4', true);
            wp_enqueue_script('bootstrap', get_template_directory_uri().'/js/bootstrap.min.js', array(), '3.4.4', true);
            wp_enqueue_script('customjs', get_template_directory_uri().'/js/bluebreeze.js', array(), '1.0.0', true);
    
            //Angular Apps 
            if (is_page( array('mortgage-calculator', 'contact' ) )){
                wp_enqueue_script('angularjs', get_template_directory_uri().'/js/angular.min.js', array(), '1.4.1', true);
                wp_enqueue_script('d3', get_template_directory_uri().'/js/d3.min.js', array(), '10/22/2015', true);
                wp_enqueue_script('c3-js', get_template_directory_uri().'/js/c3.min.js', array(), '10/22/2015', true);
                wp_enqueue_script('c3-css', get_template_directory_uri().'/css/c3.min.css', array(), '10/22/2015', false);
                wp_enqueue_script('fcsaNumber', get_template_directory_uri().'/js/fcsaNumber.min.js', array(), '1.0.0', true);
                wp_enqueue_script('mortCalcApp', get_template_directory_uri().'/js/mortCalcApp.js', array(), '1.0.0', true);
            }
    
        }
    
        add_action( 'wp_enqueue_scripts', 'bluebreeze_script_enqueue');
    

    【讨论】:

    • 在你的风格中,3.4.4 旁边的数组是什么?
    • 它只是引导版本,WordPress Codex 详细介绍了这一点,以及如何设置您的 functions.php 文件。
    • 这是在 wordpress 中声明样式表和脚本的好习惯吗?所以我的代码错了?抱歉问了这么多问题,我是 wordpress 的新手
    • 是的,这是错误的 wordpress 格式,您必须在您的 functions.php 文件中声明它们。 WordPress有一个你必须遵循的特定结构,我建议你看看我提供的WordPress codex链接。
    • 如果我在functions.php中声明我所有的样式表,引导程序中的glyphicons和其他类会起作用吗?
    猜你喜欢
    • 1970-01-01
    • 2014-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-04
    相关资源
    最近更新 更多