绝对定位元素隐藏在屏幕大小调整上

时间:2014-03-14 14:58:24

标签: css3 twitter-bootstrap

<nav class="navbar navbar-fixed-top">

  <div class="navbar-inner">

      <div class="container">

        <div class="nav-collapse collapse">
            <span class="page-title" data-bind="text: router.activeItem().title"></span>

            <ul class="nav" data-bind="foreach: router.visibleRoutes">
              <li data-bind="css: { active: isActive }" class="navLi">
                <a data-bind="attr: { href: hash }, text: name" href="#"></a>
              </li>
            </ul>

       </div>

    </div>
  </div>

</nav>

span.page-title {
    font-size: 32px;
    color:white;
    position:absolute;
    left:-330px;
    top:-5px;
}

我在我的网络应用程序中使用twitter bootstrap for css。我试图在我使用绝对定位的导航栏上显示页面标题。当我调整浏览器窗口大小时,页面标题变得不可见。

1 个答案:

答案 0 :(得分:0)

为什么不为页面标题(.navbar-brand类)使用默认的Bootstrap标记。

以下是空白模板页面的链接:http://getbootstrap.com/examples/starter-template/

这里是DEMO