Php 无法使引导布局上列的内容与列的左侧对齐
我正在工作。我正在尝试获取innernav的内容,它包含ul浮动到它所在列的左边缘,以便它与bannerbar保持一致。请看下面我的代码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">
<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;
}