Twitter Bootstrap 输入字段

carvr3hs 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(2)|浏览(140)

在www.example.com中http://twitter.github.com/bootstrap/base-css.html#forms，下面的代码给出了一个样式很好的输入字段，其中的按钮相互连接。

<div class="input-append">
  <input class="span2" id="appendedInputButton" type="text">
  <button class="btn" type="button">Go!</button>
</div>

我的问题是，如何在按钮前使用相同的样式（中间没有双边框）使两个输入字段相邻
我试过

<div class="input-append">
  <input class="span2" id="appendedInputButton" type="text">
  <input class="span2" id="appendedInputButton" type="text">
  <button class="btn" type="button">Go!</button>
</div>

但款式坏了。

twitter-bootstrap

来源：https://stackoverflow.com/questions/13732875/twitter-bootstrap-input-fields

2条答案

按热度按时间

pexxcrt21#

如果您使用的是 Bootstrap ，那么button-group就是您要查找的内容：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<div class="btn-group" role="group" aria-label="Basic example">
  <button type="button" class="btn btn-secondary">Left</button>
  <button type="button" class="btn btn-secondary">Middle</button>
  <button type="button" class="btn btn-secondary">Right</button>
</div>

赞(0）回复(0）举报 2022-12-07

zz2j4svz2#

我希望下面的代码会有所帮助。
第一个

赞(0）回复(0）举报 2022-12-07