Question

我在缩放问题上停留了一段时间......

当我调整窗口（移动）的大小时，＆＃34;％＆＃34;即使宽度为80％，也要低于输入值，为什么他不能保持正确...

＆＃13;

<html>


	<head>
    	<!--<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

    <head>
    	
    	<body>
			<div class="col-md-6">
                <div class="row form-inline text-center">
                        <div class="form-group col-md-3 form-inline text-center">
                          <label for="a">A</label></br>      
                          <input id="a" name="a" type="number" class="form-control" style="width:80%;"/><b>%</b>
                        </div>
                        <div class="form-group col-md-3">
                          <label for="b">B</label></br>  
                          <input id="b" name="b" type="number" class="form-control" style="width:80%"/> <b>%</b>
                        </div>
                        <div class="form-group col-md-3">
                          <label for="c">C</label></br>  
                          <input id="c" name="c" type="number" class="form-control" style="width:80%"/> <b>%</b>
                        </div>

                        <div class="form-group col-md-3">
                          <label for="c">D</label> </br>      
                          <input id="c" name="c" type="number" class="form-control" style="width:80%"/> <b>%</b>
                        </div>
                </div>
            </div>
        <body>
</html>

＆＃13;

如果有人知道什么是错的......

Answer 1

＆＃39;％＆＃39;在小屏幕上占据宽度的20％以上。一个很好的解决方案是使用bootstrap中可用的输入插件：http://getbootstrap.com/components/#input-groups-basic

Bootstrap调整大小输入＆amp;文字（输入权）

1 个答案: