Twitter bootstrap 引导导航栏-从移动设备中删除固定标题

如何将标题更改为不适用于移动设备，但适用于md和lg屏幕尺寸

例如，您可以将导航类更改为

手机：

桌面：

?

切换导航
烙印

您想与移动设备或更小屏幕隔离吗？这是不同的。如果您想要后者：

HTML:

<nav class="navbar navbar-default navbar-static-top" role="navigation">

<nav class="navbar navbar-default navbar-static-top" role="navigation">

如果你真的想避免移动设备上的固定导航，你可以用javascript嗅出设备是否接触

/* --------------- SUPPORTS TOUCH OR NOT for IOS, Android, and Windows Mobile --------------- */
/*! Detects touch support and adds appropriate classes to html and returns a JS object  |  Copyright (c) 2013 Izilla Partners Pty Ltd  | http://www.izilla.com.au / Licensed under the MIT license  |  https://coderwall.com/p/egbgdw */
var supports = (function() {
    var d = document.documentElement,
        c = "ontouchstart" in window || navigator.msMaxTouchPoints;
    if (c) {
        d.className += " touch";
        return {
            touch: true
        }
    } else {
        d.className += " no-touch";
        return {
            touch: false
        }
    }
})();

然后您可以使用HTML（相同）：

<nav class="navbar navbar-default navbar-static-top" role="navigation">

<nav class="navbar navbar-default navbar-static-top" role="navigation">

---

为手机设置none fixed header并不难，它只是一个CSS属性：

CSS

  .no-touch body {padding-top:HEIGHTOFNAVBAR}
  .no-touch .navbar-static-top {position:fixed;top:0;right:0;left:0;}

@media only screen 
and (min-device-width : 1224px) {
    width:300px;
}

.headerclass{position:static；}//覆盖固定的位置

现在更改类有点困难，但您可以做的是挂接媒体查询更改。这需要使用Jquery（附带引导）来完成

您必须搜索css更改。 如果我们在媒体查询上设置了一些值，那么我们可以切换类

CSS

  .no-touch body {padding-top:HEIGHTOFNAVBAR}
  .no-touch .navbar-static-top {position:fixed;top:0;right:0;left:0;}

@media only screen 
and (min-device-width : 1224px) {
    width:300px;
}

JavaScript Jquery

var navbar = $('navbar');
if (navbar.css('width') == '300px') {
    navbar.addClass('navbar-default navbar-fixed-top');
}

---

我使用这些测量方法：

似乎无法使这一方法起作用-它只适用于移动设备、平板电脑或台式机。哪一种？有两个选项，一个是CSS，它只用于屏幕宽度，另一个是使用js和CSS。嗨，克里斯蒂娜，这两个都可以，但它把我的导航扔到了页面的下方和左边，除非你提供一个到示例的链接，否则无法知道。固定位置需要一个位置或宽度，所以。导航栏静态顶部在固定时需要左：0；右：0；或宽度：100%，但我不知道具体的，除非你提供一个链接。也可能需要一个顶部位置时，它是固定的。位置：静态是有帮助的。如果执行$（document.ready（），然后删除navbar fixed top类，则会出现一些不需要的屏幕闪烁。