Question

我对Bootstrap和CSS很新，所以请原谅我的问题可能不成熟。

好的，所以这里：

上下文：我使用bootstrap和[Grayscale主题]作为一个简单的工具，我帮助我的学生更有效地使用课程。

我有以下代码片段：

<div>
  <form class="form-inline">            
    <div class="container">
      <div class="row">
        <div class="col-xl-4">
          <input type="text" class="from-control" placeholder="Enter the link to your course">
          <button type="button" class="btn btn-primary">Download Videos</button>
        </div>
      </div>
    </div>         
  </form>
</div>

问题：

在文本框中输入的文字不可见。我确保文本实际上是在框中输入的（通过复制/粘贴到编辑器）并且我没有更改默认文本颜色。
我似乎无法改变文字区域的大小。我使用了col-xs-1，col-xs-2以及更多变体。它始终采用默认大小。唯一改变的是页面上文本框和按钮的位置。你知道为什么会这样吗？

我真的很感谢你的帮助！我已经看了一些关于这个主题的类似问题，但无法解决这个问题。

非常感谢！

的Raf

Answer 1

文本框的类应为form-control，而不是from-control。改变并再试一次？

编辑：Bootstrap中没有col-xl-4这样的类。使用col-xs-4或col-lg-4。

Answer 2

@ syrt在上面的sying中是正确的，你应该使用form-control并且col-xl类不存在。你无法看到textarea的原因是你没有声明它的宽度。

试试这个：

<div>
    <form class="form-inline">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <input type="text" style="width: 300px;" class="form-control" placeholder="Enter the link to your course">
                    <button type="button" class="btn btn-primary">Download Videos</button>
                </div>
            </div>
        </div>
    </form>
</div>

文本没有显示在我的bootstrap textarea中

2 个答案: