本文共 498 字，大约阅读时间需要 1 分钟。

【背景】

  在照着视频敲写“竞拍商品”的例子时，使用了BootStrap框架的样式总是出不来效果，对比源码，敲了好多遍还是不行。经过了很久的搜索后，找到了一个可行的方案。

【问题】

  它不应该是这样的，导航条的样式没有出来。

【解决方法】

  在经过不懈的努力下，终于发现了是BootStrap框架版本的问题，去百度百科查看一下，还真是有不一样。视频中使用的是3.3.7版本的，而我们使用angular-cli工具下载的是最新版本的4.2.1，所以它们之间有些样式的使用方法是不同的。

（1）我们指定下载3.3.7版本的就可以了。使用命令：

cnpm install bootstrap@3.3.7 --save

（2）在全局style.css样式文件中导入BootStrap

@import "~bootstrap/dist/css/bootstrap.css";

修改完BootStrap版本后，就出现了想要的效果。

【总结】

  思考与分析并行，慢慢地提高我们解决问题的能力，这个问题从过年前困扰了我过年后，一直以为是我配置的问题或是自己敲错代码了，然而并不是，跟上时代的潮流很重要啊。

转载地址：http://kiqmi.baihongyu.com/