表单中的文本输入框太长了
来源：3-1 基础表单
honey戚
2015-03-05 16:52
表单中文本输入框太长了怎么改，在哪改？
写回答
关注
4回答
-
- 黑白亓
- 2016-11-13 00:42:13
学习了
-
- qq_surching少平_0
- 2015-11-04 09:08:08
学习了
-
- 爱晴天
- 2015-06-23 17:18:45
为什么我写的表单就没有100%显示呢？
-
- purple_yao
- 2015-03-06 09:48:15
因为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>
玩转Bootstrap（基础）
告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap
314546 学习 · 2275 问题
相似问题