Php 无法使引导布局上列的内容与列的左侧对齐

Php 无法使引导布局上列的内容与列的左侧对齐,php,html,css,wordpress,twitter-bootstrap,Php,Html,Css,Wordpress,Twitter Bootstrap,我正在工作。我正在尝试获取innernav的内容,它包含ul浮动到它所在列的左边缘,以便它与bannerbar保持一致。请看下面我的代码 <div id="bannerbar"><?php the_title();?></div> <div class="row" style="padding-top:35px;"> <div class="col-md-4"> <div id="innernav">

我正在工作。我正在尝试获取innernav的内容,它包含ul浮动到它所在列的左边缘,以便它与bannerbar保持一致。请看下面我的代码

<div id="bannerbar"><?php the_title();?></div>
    <div class="row" style="padding-top:35px;">
    <div class="col-md-4">

    <div id="innernav">
    <ul>
    <li>Our Purpose</li>
    <li>Why Choose PSP</li>
    <li>Our Process</li>
    <li>Our History</li>
    <li>Blog</li>
    <li>Glossary</li>
    <li>Contact</li>
    </ul>
    </div>
    </div>
    <div class="col-md-8">
    <h2 style="font-size:20px;color:#2c4276;"><?php the_title();?></h2>
    <div  style="color:#a2a2a2;font-size:18px;">
    <?php 
if ( have_posts() ) {
    while ( have_posts() ) {
        the_post(); 
        the_content();
    } // end while
} // end if
?>
</div>
    </div>
    </div>

您可以通过多种方式首先在自定义css中实现。无边距{padding:0!important;margin:0!important;}添加这些行 然后在你的html中

现在,您可以在不需要从引导中填充的地方使用无排水沟


对于ul innernnav ul{padding left:0px;}

在col-md-4和:


您需要从菜单周围的元素中删除一些填充

我建议使用left container类或类似的东西包装此部分,并向innernav添加一个类。类在样式方面优于ID

<div class="left-container">
  <div class="col-md-4">
    <div id="innernav" class="innernav">
      <ul>
        <li>Our Purpose</li>
        <li>Why Choose PSP</li>
        <li>Our Process</li>
        <li>Our History</li>
        <li>Blog</li>
        <li>Glossary</li>
        <li>Contact</li>
      </ul>
    </div>
  </div>
</div>

你能试着把剩下的课文添加到列表中吗?Alex你需要接受答案。谢谢!这就是问题所在是的,但是内联CSS并不好。样式应该在样式表中。
<div class="left-container">
  <div class="col-md-4">
    <div id="innernav" class="innernav">
      <ul>
        <li>Our Purpose</li>
        <li>Why Choose PSP</li>
        <li>Our Process</li>
        <li>Our History</li>
        <li>Blog</li>
        <li>Glossary</li>
        <li>Contact</li>
      </ul>
    </div>
  </div>
</div>
.left-container > .col-md-4,
.left-container .innernav ul {
  padding-left:0;
}