表单中的文本输入框太长了
表单中文本输入框太长了怎么改，在哪改？
5 回答
因为bootstrap都是宽度自适应（响应式的）的，所以一般元素的宽度都是设置成了100%，这样可以随着设备的宽度变化而变化，如果你强要修改成固定宽度，可以采用这种方法：
为form标签加入一个父元素，然后给它设置宽度。
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>基础表单</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> </head> <body> <div style="width:200px"> <form role="form"> <div> <label for="exampleInputEmail1">邮箱：</label> <input type="email" id="exampleInputEmail1" placeholder="请输入您的邮箱地址"> </div> <div> <label for="exampleInputPassword1">密码</label> <input type="password" id="exampleInputPassword1" placeholder="请输入您的邮箱密码"> </div> <div> <label> <input type="checkbox"> 记住密码 </label> </div> <button type="submit" class="btn btn-default">进入邮箱</button> </form> </div> </body> </html>
举报
0/150
提交
取消
