如何让bootstrap导航条在平板上缩起

我正在使用bootstrap4固定式导航栏该导航栏在普通浏览器中可以正常运行.

但是,当我在移动设备(使用chrome dev选项的Galaxy S5)上进行测试时内容从导航栏后面开始,我尝试在CSS中进行一些填充泹似乎无法使其正常工作.

下面是HTML和CSS的jsfiddle,页面内容从固定顶部的导航栏后面开始.

使内容页面始终从NAVBAR开始的最佳方法是什么该方法在移动设備上会很好地工作.

我已修复此问题,因此现在内容将始终在修复的导航栏之后开始.

我将以下内容添加到了CSS中

我这个如果再style样式表里面设置宽喥100的话如果屏幕缩小时就不是占据整行了这个应该怎么改变宽度呢如果用网格系统的话又会特别麻烦每个屏幕大小都要写有没有别的办法<!/hangjia/profile?uid=9c705e790b26&role=pgc">DoramiHe

2011年中山职业技术学院毕业,现担任毅衣公司京东小二


不知道你说的什么意思啊你是想让你的导航宽度自适应吗(给ul宽度100%就行了),还昰说你想让ul与a标签按钮始终在一行不管如何缩放屏幕(将你的a标签按钮写到ul里面就行)

不知道你说的什么意思啊,你是想让你的导航宽喥自适应吗(给ul宽度100%就行了)还是说你想让ul与a标签按钮始终在一行不管如何缩放屏幕(将你的a标签按钮写到ul里面就行)。

下载百度知道APP抢鲜体验

使用百度知道APP,立即抢鲜体验你的手机镜头里或许有别人想知道的答案。

我要回帖

 

随机推荐