啊啊啊,这到底该怎么改呢?_html/css_WEB-ITnose-html教程-PHP中文网

啊啊啊,这到底该怎么改呢?_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 12:07:42

原创

1927人浏览过

用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覆盖?还是有更加简单的方法?