只有 bootstrap 的输入框

Question

我目前正在构建一个站点，我想将我的输入框设置为类似引导程序的样式，但是我不想使用引导程序提供的其他功能。有人可以推荐我如何导出该功能并将其包含在我的 CSS 中。我相信可能也有一些 JavaScript。

先感谢您。

Answer 1

当输入字段出现时，根本没有与 javascript 相关的内容。

您可以完全像引导程序一样构建输入字段。

html

<input type="text" name="text" class="bootstrap">

css

.bootstrap{
  width:250px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ccc;
  outline:none;
  padding: 6px;
}

.bootstrap:focus{
  border:1px solid #56b4ef;
  box-shadow: 0px 0px 3px 1px #c8def0;
}

演示