只有引导程序的输入框

-3

我目前正在构建一个站点，并且想要像引导程序那样对输入框进行样式化，但是我不想使用bootstrap提供的其他功能。有人可以推荐我如何才能导出该功能并包含在我的CSS中。我相信也许有一些JavaScript。只有引导程序的输入框

预先感谢您。

来源

2016-03-12 Jordan

http://getbootstrap.com/customize并仅选择您想要的物品。 –

@ freestock.tk非常感谢。我将会有这样一个 – Jordan

请注意，有些项目只有在与其他项目结合使用时才能完全正常工作。例如：'警报'（框警报本身）和'警报解除'（jquery函数关闭框）; –

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

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

类=“形式的控制”要求引导CSS。您可以在同一页面上下面的，它会显示没有继承自举造型，

<input type="text">

您可以搜索.FORM控制和复制的引导css文件/过去那种特定的CSS元素到你自己的风格表如果你不想使用整个引导文件。

这是您要找的答案吗？

来源

2016-03-12 03:18:51 user3777549

谢谢，我可能会放弃这一点，因为我真的在寻找如何设计按钮，下拉菜单并确保它们在大多数浏览器中都是相同的。 – Jordan

到输入字段时根本就没有相关的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; 
}

DEMO

来源

2016-03-12 04:02:04 Fiido93

谢谢，因为您可以告诉前端是我的失败点。我会试试这个，我也在研究按钮和下拉菜单，我知道在不同的浏览器中看起来都很相似是一种痛苦，也许你可以进一步帮助我 – Jordan

当然：D只是让我知道你什么时候有问题。 – Fiido93

只有引导程序的输入框

回答

相关问题