Question

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

提前谢谢。

Answer 1

输入字段时，javascript根本没有相关内容。

您可以完全构建像bootstrap这样的输入字段。

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;
}

DEMO

Answer 2

您不必使用Bootstrap的任何其他方面。你只需要通过添加对bootstrap这样的调用来使用你想要的东西，

<input type="text" class="form-control">

class =＆＃34; form-control＆＃34;调用bootstrap css。您可以在同一页面上显示以下内容，它将显示而不继承Bootstrap样式，

<input type="text">

如果您不想使用整个引导程序文件，可以在Bootstrap css文件中搜索.form-control并将该特定css元素复制/过去到您自己的样式表中。

这是您正在寻找的答案吗？

只有输入框的bootstrap

2 个答案: