masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > 啊啊啊,这到底该怎么改呢?_html/css_WEB-ITnose

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

WBOY
Lepaskan： 2016-06-24 12:07:42
asal
1478 orang telah melayarinya

用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>
Salin selepas log masuk

但是显示的如下图所示

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


回复讨论(解决方案)

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

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

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


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


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

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


width height绝对不会管的。

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

Label berkaitan：
啊啊啊 这到底该怎么改呢?
sumber：php.cn
Artikel sebelumnya：伪元素 :Before 和 :After的学习_html/css_WEB-ITnose Artikel seterusnya：2013年最值得我们学习的网页作品示例【系列六】_html/css_WEB-ITnose
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2194
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2344
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1964
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1853
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1912
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan