0

我想从你们那里得到一个想法。我有 3 个复选框，我想在一个框内的每一行中显示一个，有点像文本区域。什么引导工具可以让我做到这一点？

我试图创建一个文本区域并在其中删除我的复选框，但代码被翻译为文本区域中的文本。所以我不能那样做。这样做的方法是什么？

4

2 回答 2

3

在制作网站时，您不应限制自己仅使用Bootstrap 元素。Bootstrap 只是漂亮元素的集合；自己制作也很好（并且可能有必要）。

如果您只是希望您的复选框位于带有轮廓的框中，那么对于没有相应的 Bootstrap 元素来说，这有点太简单了。

在最简单的形式中，它的 HTML 和 CSS 看起来像这个 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;
}

如果您希望将所有复选框都放在一个框中，那么您只需添加更多代码即可。在 JSFiddle 上查看。

如果出于某种奇怪的原因您只能使用使用 Bootstrap 元素，那么 ananda 的答案非常好。使用 well 元素可以为您提供边框、内部阴影和背景颜色。在 JSFiddle 上查看井

于 2013-03-09T15:45:58.853 回答
0

尝试将它们放在“井”元素中

于 2013-03-09T15:42:56.127 回答