42.Bootstrap(中文教程)表單：Forms:文本框的變化與附加顯示

yan-bootstrap4 bootstrap4(中文教程)

Ci_Yao_Yan 2020-04-19 23:05:37 ‧ 1062 瀏覽

分享至

ㄧ.Forms:文本框的變化與附加顯示

<body data-spy="scroll" data-target="#nav-demo">
  <div class="component" id="demo" style="height: 300vh">
    <input type="text" class="form-control-sm" placeholder="輸入...">
    <input type="text" class="form-control" readonly placeholder="輸入...">
    <input type="text" class="form-control-plaintext" placeholder="輸入...">
    <div class="input-group">
      <span class="input-group-text">@</span>
      <input type="text" class="form-control" placeholder="輸入...">
      <span class="input-group-prepend">
        <button class="btn btn-primary">Go</button>
      </span>
    </div>
  </div>
</body>



.demo.component{
  padding: 50px;
}

重點：