啊啊啊,这到底该怎么改呢?_html/css_WEB-ITnose-html教學-PHP中文網

首頁

web前端

html教學

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:07 PM

用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 id="demo">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,但那地方你也不能改。

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

公眾號網頁更新緩存難題：如何避免版本更新後舊緩存影響用戶體驗？Mar 04, 2025 pm 12:32 PM

公眾號網頁更新緩存，這玩意兒，說簡單也簡單，說複雜也夠你喝一壺的。你辛辛苦苦更新了公眾號文章，結果用戶打開還是老版本，這滋味，誰受得了？這篇文章，咱就來扒一扒這背後的彎彎繞繞，以及如何優雅地解決這個問題。讀完之後，你就能輕鬆應對各種緩存難題，讓你的用戶始終體驗到最新鮮的內容。先說點基礎的。網頁緩存，說白了就是瀏覽器或者服務器為了提高訪問速度，把一些靜態資源（比如圖片、CSS、JS）或者頁面內容存儲起來。下次訪問時，直接從緩存裡取，不用再重新下載，速度自然快。但這玩意兒，也是個雙刃劍。新版本上線，