2015-04-30 2 views
1

Я добавил все загрузочные ссылки и скрипты, которые были предложены, очищенный кеш и добавили мой сервер в IE. Элементы бутстрапа все еще не отображаются. Что мне не хватает? Кто-нибудь, как пройти мимо этого?Bootstrap все еще не отображается в IE10

<meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=7" content="IE=8" content="IE=9" content="IE=10" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title> JLB Artistry </title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <script src="https://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 

К сожалению, код Bootstrap не работает должным образом в блоке кода, поэтому я его не включаю.

+1

jquery должен прибыть перед загрузкой, но если стили даже не входят, это не единственная проблема. – Jack

+0

. У вас должен быть только один атрибут content для вашего тега 'X-UA-Compatible'. IE, вероятно, в режиме IE7 – Turnip

ответ

1

Я не уверен на 100%, но я считаю, что вам нужно, чтобы добавить это functions.php, где вы епдиеие Bootstrap скрипты

/** 
* Add Respond.js for IE 
*/ 
if(!function_exists('ie_scripts')) { 
function ie_scripts() { 
    echo '<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->'; 
    echo ' <!-- WARNING: Respond.js doesn\'t work if you view the page via file:// -->'; 
    echo ' <!--[if lt IE 9]>'; 
    echo ' <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>'; 
    echo ' <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>'; 
    echo ' <![endif]-->'; 
} 
add_action('wp_head', 'ie_scripts'); 
} // end if 

скачать скрипт отсюда и включить его в вашей теме: https://github.com/scottjehl/Respond Разархивируйте загрузку и переместите файл response.min.js в каталог/js/

Я также считаю, что вы не должны добавлять эти src в свой заголовок.

Недавно я добавил Bootstrap поддержки к моей теме, и только я должен был добавить к моему заголовку

<!--[if IE 8]> 
<html id="ie8" <?php language_attributes(); ?>> 
<![endif]--> 
<!--[if !(IE 8) ]><!--> 
<html <?php language_attributes(); ?>> 
<!--<![endif]--> 
<!--[if lt IE 9]> 
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script> 
<![endif]--> 

Я рекомендую http://bootstrapwp.com Тут, но они платят. Но стоит потратить деньги!

Здесь Вы можете прочитать, почему вы не должны епдиеие в header.php http://wpshout.com/everything-custom-scripts-styles-wordpress/

+1

Кто-нибудь упомянул Wordpress? – Turnip

+0

Не уверен, что ваш ответ работает, но я понял, что мне не хватает части if if в include. Спасибо за помощь. :) Я изменил это. Он работает сейчас. < JulieB

0

Я изменил к этому. Он работает сейчас. <!--[if lt IE 9]> <script src="html5shiv.googlecode.com/svn/trunk/html5.js"></…; <script src="oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></…; <script src="oss.maxcdn.com/respond/1.4.2/respond.min.js"></…; <![endif]-->

Смежные вопросы