表单中的文本输入框太长了

个回答

黑白亓

2016-11-13 00:42:13

学习了

0
qq_surching少平_0

2015-11-04 09:08:08

学习了

0
爱晴天

2015-06-23 17:18:45

为什么我写的表单就没有100%显示呢？

0

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>