如何在bootstrap中将ul设置内联且去掉原点

 时间:2024-10-12 21:44:42

1、直接写代码。我们会发现有小原点,并且是竖着的<ul > <li>新闻</li> <li>hao123</li> <li>地图</li> <li>视频</li> <li>贴吧</li> <li>学术</li> <li>登录</li> <li>设置</li></ul> 如下图所示

如何在bootstrap中将ul设置内联且去掉原点

2、第二步引入bootstrap库在head里面<link rel="stylesheet" href="css/bootstrap.min.css" />body里面<script src="js/bootstrap.min.js"></script><script src="js/jquery.min.js"></script>

3、第三步在ul中class写入list-unstyled,代码如下:<ul class屏顿幂垂="list-unsty造婷用痃led"> <li>新闻</li> <li>hao123</li> <li>地图</li> <li>视频</li> <li>贴吧</li> <li>学术</li> <li>登录</li> <li>设置</li></ul> 效果如下图所示,没有小原点

如何在bootstrap中将ul设置内联且去掉原点

4、第4步在ul中class写入 list-inline,代码如下: <ul class屏顿幂垂="list-unsty造婷用痃led list-inline"> <li>新闻</li> <li>hao123</li> <li>地图</li> <li>视频</li> <li>贴吧</li> <li>学术</li> <li>登录</li> <li>设置</li></ul> 效果如下图所示,没有小原点,变成内联

如何在bootstrap中将ul设置内联且去掉原点
  • 方舟生存进化畸变上古神器潜行怎么获得
  • 我的世界侏罗纪怎么给龙回血
  • 《方块方舟》常见生物技能介绍
  • 方舟怎么突破105级
  • 方舟阿根廷巨鹰怎么叼龙?
  • 热门搜索
    嗓子痒痒老想咳嗽怎么办 松子怎么炒能开口 跳跳糖为什么会跳 眼睛干涩疼痛是怎么回事 为什么会下雨 脂肪肝是怎么回事 苹果怎么开机 地震是怎么形成的 today怎么读 炖兔子肉的做法大全