Css wordpress引导程序。禁止向右流动

Css wordpress引导程序。禁止向右流动,css,wordpress,twitter-bootstrap,Css,Wordpress,Twitter Bootstrap,所以,在几次引导式的啧啧声之后,决定尝试将其与wordpress混合。这里有一大堆问题,但我现在主要关心的是,为什么安吉斯列表图像没有移到右边?我在css中做了浮动:右边,我做了右边拉类,我甚至做了左边距:99%。。。它还在那里。为什么? 任何其他注释也将不胜感激:) 你可以在这里看到整件事 如果希望将您的#angies放在页面的最右侧,请执行以下操作: #angies{ position:absolute; margin-top:20px; right:0px; } 长话短说:

所以,在几次引导式的啧啧声之后,决定尝试将其与wordpress混合。这里有一大堆问题,但我现在主要关心的是,为什么安吉斯列表图像没有移到右边?我在css中做了浮动:右边,我做了右边拉类,我甚至做了左边距:99%。。。它还在那里。为什么? 任何其他注释也将不胜感激:) 你可以在这里看到整件事


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

#angies{
  position:absolute;
  margin-top:20px;
  right:0px;
}
长话短说:您将强制您的元素在您右侧0px的绝对位置脱离流

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

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

在我右边。但是,如果调整浏览器的大小,它会向左移动。我认为这是使用容器流体的一部分…它是一个流体容器,因此如果浏览器调整大小,则浮动将转到下一个“行”,即leftMy bad。我解释得不对。我想把它放在这一页的右边。
#angies{
  position:absolute;
  margin-top:20px;
  right:0px;
}
<script src="<?php bloginfo('template_url');?>/js/bootstrap.min.js"></script>
<script src="js/bootstrap.min.js"></script>