Question

所以，经过几次自举，决定尝试将其与wordpress混合。那里有一大堆问题，但我现在主要担心的是，为什么不会将angies列表图像移到右边？我确实漂浮了：在css中，我做了拉右课，我甚至做了保证金：99％......它仍然在那里。为什么？任何其他笔记也受到赞赏:) 你可以在这里看到整件事 http://soloveich.com/

<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%;
}

Answer 1

如果您希望将#angies放在页面的右侧，请执行以下操作：

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

长话短说：你将迫使你的元素在离你右边0px的绝对位置突破流量。

另外，当我使用Chrome中的开发者工具浏览页面源时，我意识到您没有正确嵌入引导程序javascript。查看结束</body>标记之前的最后一个脚本标记。您忘记包含模板的路径，当您包含javascript文件时，该路径是Wordpress中必需的。这行代码应如下所示：

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

而不仅仅是这个：

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

wordpress bootstrap。没有流向右边

1 个答案: