Maison > interface Web > tutoriel HTML > 啊啊啊,这到底该怎么改呢?_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:07:42
original
1456 Les gens l'ont consulté

用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>
Copier après la connexion

但是显示的如下图所示

怎么样修改导航标签的宽度?直接另外写一个css覆盖?还是有更加简单的方法?


回复讨论(解决方案)

调试一下,看哪一个class在控制宽度。

找到之后,可以直接修改,如果其他地方也会用到这个class,不方便直接修改css的话,就直接在对应的标签内,直接修改。

我不知道,你为啥要改。
没有控制宽度的
你想怎么改就怎么改。


col-md-3
col-md-9
这布局。


共用框架的做法是,
只管表现。font background color。。 

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


width height绝对不会管的。

bootstrap 中也只有在layout那地方有width,但那地方你也不能改。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal