Javascript 引导-输入不考虑网格大小/限制

我在别处找不到我的问题的任何答案，也没有在这里找到以前的帖子

我在一个网站上工作，是为了工作，只是在家里玩，试着让事情顺利进行。我不确定我是否做错了什么，或者是否有bug，或者我是否应该使用另一个JSUI

我需要的UI是选项卡、网格系统和表单输入。自举似乎是迄今为止我找到的最好的选择。我选择了4.0.0.beta2，因为它是最新的。除了输入元素、文本、数字等之外，其他一切都正常工作。当我把它们放在带有引导的网格系统中时，输入元素不考虑网格大小。所有其他表单元素都可以

这是我目前的测试页面，没有任何额外的混乱。输入类型从网格外部向右流动。我试过分组，移动东西，不同的大小，输入类型，几乎任何我能想到的东西。（编辑-将详细信息行更改为应为的行，但仍无法解决此问题）

--  
类型
小贩
项目
注
最小库存
订购
动物
熊
黑色
午夜
0

旁注：

---

如果我将输入类型封装在Col/Row/Col中，则在main之外使用一个标签将其自身约束到列宽。但由于它们的尺寸不同，因此它与另一排的不对齐

我认为应该将引导网格类应用于输入元素

差不多

<input class="input-sm col-sm-12" id="item-87">

所以你的网格应该是

<div class="detail-row">
  <div class="col-sm-2">Animal</div>
  <div class="col-sm-2">Bear</div>
  <div class="col-sm-3">Black</div>
  <div class="col-sm-3">Midnight</div>
  <div class="col-sm-1">0</div>
  <div class="col-sm-1">
    <input class="input-sm col-sm-12" id="item-87">
  </div>

动物
熊
黑色
午夜
0

---

我认为应该将引导网格类应用于输入元素

差不多

<input class="input-sm col-sm-12" id="item-87">

所以你的网格应该是

<div class="detail-row">
  <div class="col-sm-2">Animal</div>
  <div class="col-sm-2">Bear</div>
  <div class="col-sm-3">Black</div>
  <div class="col-sm-3">Midnight</div>
  <div class="col-sm-1">0</div>
  <div class="col-sm-1">
    <input class="input-sm col-sm-12" id="item-87">
  </div>

动物
熊
黑色
午夜
0

---

将

.form控件

添加到

中，以便引导程序可以相应地将表单元素的宽度调整为列的100%

另外，

缺少其

.row

类；也许你想用：

---

如果不指定新的

.row

，则第一行之后的列将被不正确地偏移。

将

.form control

添加到

中，以便引导可以相应地将表单元素的宽度调整为列的100%

另外，

缺少其

.row

类；也许你想用：

---

如果不指定新的

。行

，第一行之后的列将被不正确地偏移。

这不起作用，因为您正在将列放入列中。但我还是试过了不过谢谢你。这不起作用，因为你正在把一个列放到一个列中。但我还是试过了不过谢谢你。在这里修复了我的代码。看起来我以前在代码中修复了它，而不是在这里。虽然添加表单控件没有任何作用。您的带有

表单控件的代码已添加到输入：谢谢。出于某种原因，这是在家工作，但不是在工作。意思是我在别的地方搞砸了。呃，我的代码在这里修好了。看起来我以前在代码中修复了它，而不是在这里。虽然添加表单控件没有任何作用。您的带有
表单控件的代码已添加到输入：谢谢。出于某种原因，这是在家工作，但不是在工作。意思是我在别的地方搞砸了。啊。