Rumah > Artikel > hujung hadapan web > 啊啊啊,这到底该怎么改呢?_html/css_WEB-ITnose
啊啊啊,这到底该怎么改呢?_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:07:421433semak imbas
用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,但那地方你也不能改。
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：伪元素 :Before 和 :After的学习_html/css_WEB-ITnoseArtikel seterusnya：2013年最值得我们学习的网页作品示例【系列六】_html/css_WEB-ITnose