我想从你们那里得到一个想法。我有3个复选框，我想在一个框中的每一行中显示一个复选框，类似于文本区域。什么Bootstrap工具可以让我做到这一点？Bootstrap设计理念

我试图创建一个文本区域和我的复选框，但代码被翻译为文本区域中的文本。所以我不能那样做。怎么做呢？

2013-03-09 Stranger

你的意思是'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

内你不应该限制自己使您的网站在使用只引导要素。 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

来源

2013-03-09 15:45:58 jmeas

以及会做同样的权利？ – scarecrow 2013-03-09 15:50:10

@ jmeas，而不是有三个div，我正在寻找一个div有thr ee文本框每行一个。 – Stranger 2013-03-09 15:52:49

[像这样，然后呢？]（http://jsfiddle.net/33FSA/1/） – jmeas 2013-03-09 15:54:14

尽量把他们的“好”元素

来源

2013-03-09 15:42:56 scarecrow

什么你是否认为这是因为我认为元素是用来给灰色背景的，它不会去做我想要做的事 – Stranger 2013-03-09 15:53:52

没有，试着阅读文档并发现它不会给你一个灰色的bg。用于给另一个元素一个插入效果！所以它完全符合你的目的。 – scarecrow 2013-03-09 16:02:39

我读过这个文档，事实上你是正确的。但是，我认为没有使用css也是不可能的，你怎么看？ – Stranger 2013-03-09 17:33:36

Bootstrap设计理念

回答

的Html

的CSS

相关问题