Question

我使用codeigniter生成一个bootstrap导航栏，它工作正常，但我希望管理链接与右边对齐。这是我的代码：

tabBarController.selectedIndex = 3

我正在获取一个带有所需链接的导航栏，但它全部内联。任何帮助都是值得赞赏的。干杯

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;

    }

?>

Twitter Bootstrap Navbar对齐不正常

1 个答案:

更新