只有bootstrap的输入框[关闭]答案

【问题标题】：Only input boxes of bootstrap [closed]只有bootstrap的输入框[关闭]
【发布时间】：2016-03-12 03:00:04
【问题描述】：

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

提前谢谢你。

【问题讨论】：

getbootstrap.com/customize 并仅选择您想要的项目。
@freestock.tk 非常感谢。我会试一试
请注意，有些项目只有在与其他项目结合时才能完全发挥作用。例如：“alerts”（框警报本身）和“alert dismissal”（关闭框的 jquery 函数）；

标签： css twitter-bootstrap stylesheet frontend

【解决方案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

【讨论】：

谢谢，你可以看出前端是我的缺点。我会尝试一下，我也在研究按钮和下拉菜单，我知道在不同的浏览器中让所有内容看起来都一样很痛苦，也许你可以进一步帮助我
当然 :D 当你遇到问题时告诉我。

【解决方案2】：

您不必使用 Bootstrap 的任何其他方面。您只能通过像这样添加对引导程序的调用来使用您想要的东西，

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

class="form-control" 调用引导 css。您可以在同一页面上显示以下内容，并且无需继承 Bootstrap 样式即可显示，

<input type="text">

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

这就是你要找的答案吗？

【讨论】：

谢谢，我可以试一试，因为我真的在寻找如何设置按钮、下拉菜单的样式并确保它们在大多数浏览器中都相同