【问题标题】:Bootstrap mobile navbar cuts offBootstrap 移动导航栏被切断
【发布时间】:2013-06-07 22:53:17
【问题描述】:

我正在使用 Bootstrap 构建一个网站。出于某种原因,移动导航栏切断了“菜单”,您可以在此处看到:

我只是在导航栏上使用普通的 Bootstrap 响应代码:

<div class="navbar-wrapper">
            <div class="container">
                <div class="navbar navbar-inverse">
                    <div class="navbar-inner">
                        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">Menu</a>       
                            <div class="nav-collapse collapse">

问题是,如果我添加任何类型的填充,它会为非移动导航栏添加过多的填充并使其看起来很奇怪。其他人也遇到过这种情况吗?

【问题讨论】:

  • 没有人可以用它当前的形式来帮助你。要么向我们展示一个链接,要么粘贴一个基本的、损坏的示例。

标签: html css twitter-bootstrap


【解决方案1】:

在你的 theme.css 文件中你有:

.navbar-inner {
    border-radius: 0;
    margin: -20px 0; <-- *
}

* 这会将您的内部导航栏置于页面顶部。要么删除它,要么将其更改为 -10px;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-03-13
    • 1970-01-01
    • 2015-10-27
    • 2013-09-17
    • 2012-05-03
    • 2023-03-17
    • 2020-11-16
    • 2017-04-24
    相关资源
    最近更新 更多