Yii2框架BootStrap样式的深入理解

yskl

            Yii2框架默认采用了bootstrap作为CSS风格，各种视图类组件都如此。之前一直采用默认风格，并在必要的时候添加或者修改一下class来达到目的。但在改版Yii1.1的orange项目时，发现之前也是套的模板，其实没有好好去理解一下bootstrap的那套规则，所以顺便大致梳理一下吧。以basic模板为例，对照http://v3.bootcss.com/css/ 上的内容进行。
看layouts/main.PHP，Yii2默认以HTML5文档类型进行的了，但语言默认是en-US，所以要改，在config/web.php中添加'language' => 'zh-CN', 到$config中
已经有viewport这个meta项，已经支持移动设备优先原则
layouts/main.php中有一些beginXxx()，endXxx()方法（如$this->beginPage()，$this->endBody()）以及$this->head()的调用，查看yii\web\View类文档，发现它们都是一个mark，用来标记位置而已。AppAsset::register($this); 实际调用基类 yii\web\AssetBundle的register方法，将项目模板默认生成的assets/AppAsset.php中定义的CSS、JS及其相关依赖注册到视图$this （所谓“注册”，就是一种发布，一种有序的插入，这里之前的那一个个mark应该起作用了）
AppAsset类默认定义的CSS是 css/site.css，因为$depends有 yii\bootstrap\BootstrapAsset，所以，实际在head部分插入的CSS类似如下（对应$this->head()）