我这样思考的根源是，我没有抓住这个变化的本质，当我看到两个相同的东西在不同情况下出现在不同地方的时候，（也就是从一个地方换到另一个地方），我首先想到的就是直接挪过去，即利用absolute定位。
而Bootstrap看到了这个变化的本质，让一些块级元素由堆叠排列变成水平排列（或者相反），这样的变化通过利用块级元素的特点和浮动就可以实现。
②出发点：
Bootstrap的中心思想是：mobile first，先把在小屏幕上的布局实现，然后再做一些改变来实现在大屏幕上的布局。
而我的思想是：每一个布局和样式都考虑到这两种情况，对比一下看哪种情况方便就用哪个。所以我的代码中会出现@media(min-width:768px)和@media(max-width:768px)两种条件，对于一个设计我可能默认大屏幕的，小屏幕的用media，另一个设计我可能就会默认小屏幕的，大屏幕的用media。
这样做可以减少一些重复的不必要的代码。但是缺点远远大于优点：
①对于写的人来说，如果逻辑清晰的话，写的会很顺畅。如果思维稍微有点混乱的话，就会把自己绕进去。
②对于看的人来说，理解起来会很别扭。
③如果过段时间想改一个小样式，都需要重新理解一下当时的逻辑。
以上所述是小编给大家介绍的Bootstrap Navbar Component实现响应式导航，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: