Question

在http://pledge500.net/who.php我有一个页面的一部分，我只是可以;到达中心，所以我转向这里的天才，看看你是否可以帮助我找出如何集中这个...

<div> 
<ul class="nav nav-pills">
<?php do { ?>
  <li class="active"><a href="http://www.mcdowellunitedfund.org/agency_show.php?ID=<?php echo $row_AGENCIES['ID']; ?>" title="<?php echo $row_AGENCIES['NAME']; ?>" rel="dmxLightbox" rev="{group:'PAGES'}"><?php echo $row_AGENCIES['NAME']; ?></a></li>
<?php } while ($row_AGENCIES = mysql_fetch_assoc($AGENCIES)); ?>
</ul>
</div>

任何想法都非常感激。

Answer 1

试试CSS：

.nav-tabs{
  text-align:center; /* only add if you also want the top menu to be centered */
}

.nav-tabs > li, .nav-pills > li {
  display: inline-block;
  /* remove float:left or replace with float:none */
}

Answer 2

这应该这样做。

.nav-tabs > li, .nav-pills > li {
/* float: left; */ REMOVE THIS*/ 
display: inline-block; /* add this */
}

bootstrap ul不居中

2 个答案: