Heim >Web-Frontend >HTML-Tutorial >啊啊啊,这到底该怎么改呢?_html/css_WEB-ITnose
啊啊啊,这到底该怎么改呢?_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:07:421460Durchsuche
用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覆盖?还是有更加简单的方法?
回复讨论(解决方案)
调试一下，看哪一个class在控制宽度。
找到之后，可以直接修改，如果其他地方也会用到这个class，不方便直接修改css的话，就直接在对应的标签内，直接修改。
我不知道，你为啥要改。
没有控制宽度的
你想怎么改就怎么改。
col-md-3
col-md-9
这布局。
共用框架的做法是，
只管表现。font background color。。
对于 bottom padding。。
也在只能在component中看到。
width height绝对不会管的。
bootstrap 中也只有在layout那地方有width,但那地方你也不能改。
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：伪元素 :Before 和 :After的学习_html/css_WEB-ITnoseNächster Artikel：2013年最值得我们学习的网页作品示例【系列六】_html/css_WEB-ITnose