为什么这段代码在<li>标签去掉后,全屏显示时nav中的内容宽度会受影响

来源:6-5 导航条中的按钮、文本和链接

我啊我诶

2016-09-26 19:26

<div class="navbar navbar-default" role="navigation">

   <div class="navbar-header">

       <a href="##" class="navbar-brand">慕课网</a>

   </div>

<ul class="nav navbar-nav">

<li><a href="##" class="navbar-text">Navbar Text</a></li>

<li><a href="##" class="navbar-text">Navbar Text</a></li>

<li><a href="##" class="navbar-text">Navbar Text</a></li>

</ul>

</div>

去除<li>后,全屏会发现nav中的内容不能并排显示了,这是为什么

写回答 关注

3回答

  • 我啊我诶
    2016-09-29 19:49:59

    这是有<li>的

    57ecffab000152d505000199.jpg

    这是去掉<li>的

    57ecffab0001e80e05000203.jpg


    我啊我诶 回复还谷子

    好吧我用的万恶的IE 换了火狐就行了。。。

    2016-09-29 20:30:08

    共 2 条回复 >

  • 还谷子
    2016-09-28 16:24:35

    http://img.mukewang.com/57eb7d5d0001936711630672.jpg

    是这个意思吗?

    我啊我诶

    我这里和你的显示得不一样诶,等一下啊 我把图发在下一条评论里,麻烦你看一下吧

    2016-09-29 19:48:39

    共 1 条回复 >

  • 还谷子
    2016-09-27 09:43:06

    最好按照他的格式来,框架的每个标签都是设置属性了的,不能随意增删标签,如果不懂的可以对照它的css 查看

    我啊我诶

    不是的去掉<li>标签本来就是第二个例子中的 我贴的这段代码是第一个例子

    2016-09-27 16:18:06

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题