文章/答案/技术大牛

发布

社区首页 >问答首页 >引导3:标题创建水平滚动

问引导3:标题创建水平滚动
EN

Stack Overflow用户

提问于 2014-10-28 15:28:43

回答 1查看 190关注 0票数 0

首先，下面是链接：http://isotopethemes.com/extenso/header-10.html

HTML代码：

<header id="header-10">
    </div><!-- /.header-10-top -->
    <!-- MAIN NAVIGATION -->
    <div class="header-10-main">
        <div class="container">
            <div class="row">
                <div class="header-10-logo col-lg-3 col-md-3 col-sm-3">
                    <a href="#"><img src="img/logo.png" alt="Home 10 Main Logo"></a>
                </div><!-- /.header-10-logo -->
                <div class="header-10-nav col-lg-9 col-md-9 col-sm-9">
                    <nav class="navbar navbar-10 navigation-10" role="navigation">
                        <ul onClick="" class="zetta-menu zm-response-switch zm-effect-slide-top">
                            <li class="zm-active zm-content-full first">
                                <a href="#">
                                    Home
                                </a>
                            </li>
                            <li class="zm-content-full">
                                <a href="#">
                                    Sliders
                                </a>
                            </li>
                            <li class="zm-content-full">
                                <a href="#">
                                    Pages
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    Portfolio
                                </a>
                            </li>
                            <li class="zm-content-full">
                                <a href="#">
                                    Elements
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    Blog
                                </a>
                            </li>
                            <li class="last">
                                <a href="#">
                                    Contact
                                </a>
                            </li>
                        </ul><!-- /.zetta-menu -->  
                    </nav><!-- /.navbar-10 -->
                </div><!-- /.header-10-nav -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </div><!-- /.header-10-main -->
</header><!-- /#header-10 -->

如果我删除“头-10-主”或“头-10-导航”，它解决了问题。

对于1370 is以下的任何分辨率，都有一个水平滚动条。我已经和检验员检查过所有的元素了，但没有一个超过了身体。只有“溢出:隐藏”起作用，但是下拉式不能工作。

任何帮助都将不胜感激。

html

css

responsive-design

twitter-bootstrap-3

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-28 15:44:49

更改以下元素的宽度。

.zetta-menu .w-150 { 
   width: 140px; // Currently, width: 150px; 
}

如果你可以打开博客菜单，博客，->，博客列表左侧的二级下拉列表，那就更好了。目前，这个问题是从右边打开的。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26612199

复制

相似问题

问引导3:标题创建水平滚动
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导3:标题创建水平滚动EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引导3:标题创建水平滚动
EN