繁体   English   中英

WordPress的引导程序。 没有向右流动

[英]wordpress bootstrap. No flowing to the right

因此,经过几次自举之后,决定尝试将其与wordpress混合使用。 那里有很多问题,但是我现在主要关心的是,为什么焦虑症列表图像不能向右移动? 我做过float:在CSS中是对的,我做过右上课,甚至是margin-left: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%;
}

如果您希望它的#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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM