引导程序4表格宽度

时间:2018-09-23 12:29:23

标签: twitter-bootstrap bootstrap-4

在移动版本上,表单看起来不错:

Screenshot #1

但是在PC上,表单宽度太大...

Screenshot #2

如果我像w-50那样缩小宽度,则在移动版本上看起来很糟糕:

Screenshot #3

这是我的代码:

<div class="col">
   <div class="text-center" id="form">
      <form action="/contact" method="post">
         <div class="form-group">
            <input class="form-control" type="email" name="email" placeholder="Email" require>
            <input class="form-control" type="text" name="message" placeholder="Message" required>
            <input class="btn btn-outline-primary" type="submit" value="Send">
         </div>
      </form>
   </div>
</div>

0 个答案:

没有答案