Home > Article > Web Front-end > Ahhhh, how should I change this?_html/css_WEB-ITnose
Ahhhh, how should I change this?_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:07:421434browse
Use bootstrap to make a vertical navigation, the code is as follows:
<!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>
But it is displayed as shown below
How to modify the width of the navigation label? Directly write another css overlay? Or is there a simpler way?
Reply to the discussion (solution)
Debug and see which class is controlling the width.
After you find it, you can modify it directly. If this class is also used in other places and it is inconvenient to modify the css directly, just modify it directly in the corresponding tag.
I don’t know why you want to change it.
There is no width control
You can change it however you want.
col-md-3
col-md-9
This layout.
The approach to sharing frameworks is,
Just perform. font background color. .
For bottom padding. .
can only be seen in component.
Width and height will never matter.
In bootstrap, there is width only in the layout, but you cannot change it there.