[英]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.