用bootstrap做一个垂直导航,代码如下:
<!DOCTYPE html><html> <head> <title>demo</title> <meta charset="utf-8" /> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap-theme.min.css" rel="stylesheet"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script> <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <div class="row"> <div class="col-md-3"> <h3>demo</h3> <ul class="nav nav-pills nav-stacked"> <li class="active"><a>个人信息</a></li> <li><a>教育背景</a></li> <li><a>作品展示</a></li> </ul> </div> <div class="col-md-9"> </div> </div> </div> <script src="http://cdn.bootcss.com/jquery/2.0.3/jquery.js"></script> <script src="js/bootstrap.js"></script> </body></html>
调试一下，看哪一个class在控制宽度。
找到之后，可以直接修改，如果其他地方也会用到这个class，不方便直接修改css的话，就直接在对应的标签内，直接修改。
我不知道，你为啥要改。
没有控制宽度的
你想怎么改就怎么改。
col-md-3
col-md-9
这布局。
共用框架的做法是，
只管表现。font background color。。
对于 bottom padding。。
也在只能在component中看到。
width height绝对不会管的。
bootstrap 中也只有在layout那地方有width,但那地方你也不能改。
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
