communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 啊啊啊,这到底该怎么改呢?_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer： 2016-06-24 12:07:42
original
1543 Les gens l'ont consulté

用bootstrap做一个垂直导航,代码如下:

1

<!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：
啊啊啊 这到底该怎么改呢?
Article précédent：伪元素 :Before 和 :After的学习_html/css_WEB-ITnose Article suivant：2013年最值得我们学习的网页作品示例【系列六】_html/css_WEB-ITnose
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
Derniers articles par auteur
Derniers numéros
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal