日期:2014-05-16  浏览次数:20541 次

啊啊啊,这到底该怎么改呢?
用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>

但是显示的如下图所示

怎么样修改导航标签的宽度?直接另外写一个css覆盖?还是有更加简单的方法?
------解决方案--------------------
共用框架的做法是,
只管表现。font background color。。 

对于 bottom padding。。
也在只能在component中看到。

<