2013-09-24 6 views
0

Итак, после нескольких бутстрапов, решил попробовать смешать его с wordpress. Здесь есть целая куча вопросов, но сейчас моя главная проблема заключается в том, почему не происходит перебор изображений изображений вправо? Я сделал float: прямо в css, я сделал класс pull-right, я даже сделал margin-left: 99% ... он все еще там. ЗАЧЕМ? Любые другие замечания приветствуются также :) вы можете увидеть все это здесь http://soloveich.com/wordpress бутстрап. Не течет вправо

<body> 
<div class="container-fluid> 

<div class="row-fluid" id="heady"> 
    <div class="span4"><div id="sign"></div></div> 

    <div class="span4" id="menubg"> 
     <nav class="navbar"> 
     <div class="navbar-inner"> 
     <?php wp_nav_menu(array('theme_location' => 'main-menu')); ?> 
     </div> 
     </nav>  
    </div> 

    <div class="span4" class="pull-right"><div id="angies"><img src="http://www.soloveich.com/wp-content/themes/Yellow-sign/images/angies.png"></div> 
    <div id="lic"> 
     <ul id="licen"> 
      <li>Phone# (555)555-5555</li> 
      <li>Lic# 7778899</li> 
      <li>Bond# 111223344</li> 
     </ul> 
     </div> 
    </div> 
    </div> 

и CSS

#heady { 
background-color: #727272; 
Height:370px; 
} 

#sign{ 
background-image: url(images/sign.png); 
height: 334px; 
width: 334px; 
margin-left: 15px; 
margin-top: 10px; 
} 

#menubg { 
font-family: 'Contrail One', cursive; 
font-weight: 200; 
font-size: 25px; 
text-decoration: none; 
margin-top:130px; 
} 

#angies { 
margin-top: 20px; 
float: right; 
margin-left: 99%; 
} 
+0

Это справа для меня. Но если вы измените размер своего браузера, он будет идти влево. Я думаю, что это часть использования контейнерной жидкости ... это жидкий контейнер, поэтому, если браузер изменяет размер, тогда поплавки переходят к следующей «линии», то есть слева – redconservatory

+0

. Я не объяснил это правильно. Я пытаюсь поместить его вправо от страницы. – sharls

ответ

0

Если вы хотите, чтобы ваш #angies к самой правой части на вашей странице выполните следующие действия:

#angies{ 
    position:absolute; 
    margin-top:20px; 
    right:0px; 
} 

Короче говоря: вы заставите свою эль чтобы вырваться из потока в абсолютном положении с 0px справа от вас.

Также, когда я просматривал источник страницы с помощью инструментов разработчика в Chrome, я понял, что вы неправильно встраиваете javascript в bootstrap. См. Последний тег сценария перед тегом </body>. Вы забыли указать путь к шаблону, который является обязательным в Wordpress, когда вы включаете файлы javascript. Эта строка кода должна выглядеть следующим образом:

<script src="<?php bloginfo('template_url');?>/js/bootstrap.min.js"></script> 

вместо того, чтобы только это:

<script src="js/bootstrap.min.js"></script> 
+0

Получил работу. Спасибо! – sharls

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