微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Bootstrap更改输入组的大小

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link rel = stylesheet href = https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css>
      <script src = https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js></script>
      <script src = https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js></script>
   </head>
   <body>
      <div style = padding: 100px 100px 10px;>
         <form class = bs-example bs-example-form role = form>
            <div class = input-group input-group-lg>
            <span class = input-group-addon>@</span>
            <input type = text class = form-control placeholder = Twitterhandle>
         </div>
         <br>
         <div class = input-group>
            <span class = input-group-addon>@</span>
            <input type = text class = form-control placeholder = Twitterhandle>
         </div>
         <br>
         <div class = input-group input-group-sm>
            <span class = input-group-addon>@</span>
            <input type = text class = form-control placeholder = Twitterhandle>
         </div>
      </form>
   </body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐