导航栏折叠在平板电脑视图中不起作用

Question

我有一个导航栏，它在移动视图中应该崩溃，但在平板电脑（或ipad pro）上有一个中断或大的填充/间隙会破坏导航。测试网站位于：

padding or margin bottom occurs in tablet view

我尝试了很多方法，例如调整视口并添加bootstraps transition.js和collapse.js文件的链接，但这也无效。

library(data.table)

# Data
db<-data.table(count=c(331948, 334999, 321000, 305000, 324100, 310000, 305000, 
325000, 305000, 329999, 315000,531948, 534999, 521000, 505000, 524100,
510000, 505000, 525000, 505000, 529999, 515000),
prod=c("a","a","a","a","a","a","a","a","a","a","a","b","b","b","b","b",
      "b","b","b","b","b","b"))

# Try this
db[, id := as.character(cut(count, 8, digits=1, dig.lab = 7)), by=.(prod)][
    ,id:=as.factor(id)]

# Result 
db
      count prod                  id
# 1: 331948    a   (331249.1,335029]
# 2: 334999    a   (331249.1,335029]
# 3: 321000    a (319999.5,323749.4]
# 4: 305000    a   (304970,308749.9]
# 5: 324100    a (323749.4,327499.2]
# 6: 310000    a (308749.9,312499.8]
# 7: 305000    a   (304970,308749.9]
# 8: 325000    a (323749.4,327499.2]
# 9: 305000    a   (304970,308749.9]
# 10: 329999    a (327499.2,331249.1]
# 11: 315000    a (312499.8,316249.6]
# 12: 531948    b   (531249.1,535029]
# 13: 534999    b   (531249.1,535029] 
# so on 

如果有人对如何解决这个问题有任何想法，那就太棒了。非常感谢。 -Beth

Answer 1

您可以尝试按col-lg-12甚至col-md-12更改课程col-sm-12。

这会让您的导航栏适应更小的分辨率。