Twitter Bootstrap Navbar 对齐无法正常工作

Question

im 使用代码点火器生成引导导航栏，它工作正常，但我希望管理链接向右对齐。 这是我的代码：

function get_menu ($array, $child = FALSE)
{
$CI =& get_instance();
$str = '';
if (count($array)) {
$str .= $child == FALSE ? '<ul class="nav navbar-left navbar-custom">' . PHP_EOL : '</ul>' . PHP_EOL;
foreach ($array as $item) {
$active = $CI->uri->segment(1) == $item['slug'] ? TRUE : FALSE;
if (isset($item['children']) && count($item['children'])) {
$str .= $active ? '<li class="dropdown active">' : '<li class="dropdown">';
$str .= '<a  class="dropdown-toggle" data-toggle="dropdown" href="' . site_url(e($item['slug'])) . '">' . e($item['title']);
$str .= '<b class="caret"></b></a>' . PHP_EOL;
$str .= get_menu($item['children'], TRUE);
}
else {
$str .= $active ? '<li class="active">' : '<li>';
$str .= '<a href="' . site_url($item['slug']) . '">' . e($item['title']) . '</a>';
}
// Closing tags
$str .= '</li>' ;
}
//add dashboard link to the right of menu for login
$str .= '<li>' . '<p class="navbar-text navbar-right"><a 
`href="admin/dashboard" class="navbar-link"> ADMIN</a></p></li>' . PHP_EOL; 
$str .= '</ul>' . PHP_EOL;
}

我得到了一个带有所需链接的导航栏，但它都是内联的。 任何帮助都是值得赞赏的。干杯

Answer 1

这是因为您添加navbar-right类的位置。您必须将其添加到ul元素中。将第二个字符串更改为倒数第二个字符串：

$str .= '<li>' . '<p class="navbar-text navbar-right"><a `href="admin/dashboard" class="navbar-link"> ADMIN</a></p></li>' . PHP_EOL; 

对于这些内容：

<ul class="nav navbar-nav navbar-right">
<li><a href="admin/dashboard" class="navbar-link"> ADMIN</a></li>
</ul>

并且不要将其添加到当前ul元素中，这也不起作用; 您需要关闭navbar-left类，然后添加navbar-right。

看起来像这样：

更新

我想我明白了，你的导航栏周围没有nav元素，这可能是导致对齐问题的原因......

<?php
function get_menu ($array, $child = FALSE)
{
$CI =& get_instance();
$str = '';
if (count($array)) {
$str .= $child == FALSE ? '<nav class="navbar navbar-default"> <ul class="nav navbar-nav navbar-custom">' . PHP_EOL; // create the <nav> element
foreach ($array as $item) {
$active = $CI->uri->segment(1) == $item['slug'] ? TRUE : FALSE;
if (isset($item['children']) && count($item['children'])) {
$str .= $active ? '<li class="dropdown active">' : '<li class="dropdown">';
$str .= '<a  class="dropdown-toggle" data-toggle="dropdown" href="' . site_url(e($item['slug'])) . '">' . e($item['title']);
$str .= '<b class="caret"></b></a>' . PHP_EOL;
$str .= get_menu($item['children'], TRUE);
}
else {
$str .= $active ? '<li class="active">' : '<li>';
$str .= '<a href="' . site_url($item['slug']) . '">' . e($item['title']) . '</a>';
}
// Closing tags
$str .= '</li>' ;
}
$str .= '</ul>' . PHP_EOL;
//add dashboard link to the right of menu for login
$str .= '<ul class="nav navbar-nav navbar-right">
<li><a href="admin/dashboard" class="navbar-link"> ADMIN</a></li>
</ul>' . PHP_EOL;
// add the nav closing tag
$str .= '</nav>' . PHP_EOL;
}
?>