html - 如何将 h2 添加到 MeanMeanu 容器中

Question

我在一个使用 meanmenu 的网站上工作，两天来我一直在努力研究如何让标题出现在 mean 菜单容器内。

这是我的菜单 html:

            <div class="row">
                <div class="col-lg-4 col-md-8 col-sm-4">
                    <h2>Title Text</h2>
                </div>
                <div class="col-lg-8 col-md-12 col-sm-12 hidden-xs">
                    <div class="main-menu float-right">
                        <nav>
                            <ul>
                                <li class="active"><a href="#banner">Home</a></li>
                                <li><a href="#about">About Us</a></li>
                                <li><a href="#features">What We Do</a></li>
                                <li><a href="#screenshots">Our Work</a></li>
                                <li><a href="#support">Contact Us</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="hidden-sm hidden-lg hidden-md col-sm-2">
                    <div class="mobile-menu">
                        <nav>
                            <ul>
                                <li class="active"><a href="#banner">Home</a></li>
                                <li><a href="#about">About Us</a></li>
                                <li class="hidden-xs"><a href="#features">What We Do</a></li>
                                <li><a href="#screenshots">Our Work</a></li>
                                <li><a href="#support">Contact Us</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>

展开后是这样的: 崩溃了我不知道如何让它保持内联:

我看过一些关于类似问题的帖子，但对我没有任何帮助。我想知道以前是否有人这样做过？

Answer 1

发生这种情况是因为您没有以正确的方式使用 Bootstrap 类

这应该有效(希望如此，因为您对我们隐藏了 .css :))

        <div class="row">
            <div class="col-xs-6 col-sm-4 col-md-8 col-lg-4">
                <h2>Title Text</h2>
            </div>

            <div class="visible-xs col-xs-6">
                <div class="mobile-menu">

                </div>
            </div>
        </div>