Css 引导导航栏之间的可见元素

默认引导导航栏只有徽标部分在小屏幕上可见，导航栏的所有正确内容都成为切换按钮
徽标|菜单|登录（右对齐）（>767px）
徽标|切换按钮（右对齐）（包括菜单和登录）（767px）
徽标|图标1、图标2（右对齐）|切换按钮（右对齐）（包括菜单和登录）(

---

这可能会对您有所帮助或给您一些想法；它需要进行一些定制，但效果很好

您可以在

列

之间拆分

导航栏

，并用包装器将其封装起来

.wrapper{
左侧填充：15px；
右侧填充：15px；
填充底部：60px；
保证金：0自动；
}
.wrapper.navbar默认值{
边际：0px；
填充：0px；
宽度：100%；
位置：固定；
边界半径：0px；
}
.navbar默认值.navbar折叠{
背景:#f5；
}
.wrapper.login{
显示：内联；
位置：固定；
宽度：100px；
右：65px；
高度：50px；
边际：0px；
填充：0px；
边界：透明；
边界半径：0px；
}
.wrapper.login i{
填充：12px0；
保证金：0自动；
颜色：#555；
}
.no排水沟>[class*='col-']{
右边填充：0；
左侧填充：0；
}

切换导航














独自创立
与流行的观点相反，《洛雷姆·伊普苏姆》并不是简单的随机文本。它植根于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普登悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）对此进行了研究
其中一个更为晦涩的拉丁语单词concertetur来自Lorem Ipsum的一段文字，通过对古典文学中该词的引用，发现了不容置疑的来源。Lorem Ipsum来自“de Finibus Bonorum”的第1.10.32节和第1.10.33节
西塞罗于公元前45年写的《爱与恶的极端》。这本书是一本关于伦理理论的论文，在文艺复兴时期非常流行。洛勒姆·伊普苏姆的第一行“洛勒姆·伊普苏姆·多洛·西特·阿梅特…”来自于一节中的一行
1.10.32

与流行的观点相反，《洛雷姆·伊普苏姆》并不是简单的随机文本。它植根于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普登悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）对此进行了研究
其中一个更为晦涩的拉丁语单词concertetur来自Lorem Ipsum的一段文字，通过对古典文学中该词的引用，发现了不容置疑的来源。Lorem Ipsum来自“de Finibus Bonorum”的第1.10.32节和第1.10.33节
西塞罗于公元前45年写的《爱与恶的极端》。这本书是一本关于伦理理论的论文，在文艺复兴时期非常流行。洛勒姆·伊普苏姆的第一行“洛勒姆·伊普苏姆·多洛·西特·阿梅特…”来自于一节中的一行
1.10.32

与流行的观点相反，《洛雷姆·伊普苏姆》并不是简单的随机文本。它植根于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普登悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）对此进行了研究
其中一个更为晦涩的拉丁语单词concertetur来自Lorem Ipsum的一段文字，通过对古典文学中该词的引用，发现了不容置疑的来源。Lorem Ipsum来自“de Finibus Bonorum”的第1.10.32节和第1.10.33节
西塞罗于公元前45年写的《爱与恶的极端》。这本书是一本关于伦理理论的论文，在文艺复兴时期非常流行。洛勒姆·伊普苏姆的第一行“洛勒姆·伊普苏姆·多洛·西特·阿梅特…”来自于一节中的一行
1.10.32

与流行的观点相反，《洛雷姆·伊普苏姆》并不是简单的随机文本。它植根于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普登悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）对此进行了研究
其中一个更为晦涩的拉丁语单词concertetur来自Lorem Ipsum的一段文字，通过对古典文学中该词的引用，发现了不容置疑的来源。Lorem Ipsum来自“de Finibus Bonorum”的第1.10.32节和第1.10.33节
西塞罗于公元前45年写的《爱与恶的极端》。这本书是一本关于伦理理论的论文，在文艺复兴时期非常流行。洛勒姆·伊普苏姆的第一行“洛勒姆·伊普苏姆·多洛·西特·阿梅特…”来自于一节中的一行
1.10.32

您也可以试试这个

。图标{
显示：块；
浮动：对；
边际：0 20px！重要；
}
李先生{
显示：内联块！重要；
}

切换导航