Bootstrap设计理念
问题描述:
我想从你们那里得到一个想法。我有3个复选框,我想在一个框中的每一行中显示一个复选框,类似于文本区域。什么Bootstrap工具可以让我做到这一点?Bootstrap设计理念
我试图创建一个文本区域和我的复选框,但代码被翻译为文本区域中的文本。所以我不能那样做。怎么做呢?
答
内你不应该限制自己使您的网站在使用只引导要素。 Bootstrap只是一个漂亮元素的集合;制作你自己的作品也很好(也许是必要的)。
如果你只是想让你的复选框放在一个带有大纲的框中,那么这对于有一个相应的Bootstrap元素来说太简单了。
在最简单的形式,HTML和CSS这个看起来像this JSFiddle.
的Html
<div class='checkbox-container'>
<input type='checkbox' id='one'>
<label for='one'>Hello</label>
</div>
的CSS
.checkbox-container {
margin: 10px 0;
padding: 10px 0;
border: 1px solid #aaa;
}
如果你想在一个盒子所有复选框,那么你可以用更多的代码来做到这一点。 View on JSFiddle.
如果出于某种奇怪的原因,您只能使用使用Bootstrap元素,ananda的答案是相当不错的。使用well元素给你一个边界,但也是一个内部阴影和背景颜色。 View the well on JSFiddle
你的意思是'textarea'元素吗? textarea不是* box *。这是一个表单元素,用户可以键入文本,默认情况下它会显示一个边框。你正在寻找CSS样式(把你的复选框和他们的标签(你有标签,对吧?)在一个段落中,你的问题就解决了。 – FelipeAls 2013-03-09 15:43:10
p标签也可以工作 – Stranger 2013-03-09 15:53:06
'p'元素是一段 – FelipeAls 2013-03-09 17:27:02