Bootstrap网格系统（文本框大小和列）

Question

如果没有将列添加到12会影响任何事情，我就会徘徊。我有一个表单，我想缩小我遇到麻烦的文本框，当我在自举网格上改变10到6时它缩小了。我已经在我的iPhone 7+屏幕和我的浏览器上测试了计算机，我在计算机上缩小了浏览器窗口。此外，有没有更好的方法来缩小文本框，使其保持较小。我不喜欢长文本框。

我已经尝试了很多东西，但我唯一可以弄清楚如何缩小文本框的方法是缩小12到6.我想要一种更好的方法来保持它1尺寸但这种方式似乎永远不会泄漏

<div class="row"></div>

感谢任何帮助！

Answer 1

设计这些东西的最佳方法是

• 首先，你会想到从最小的设备到最大的设备，
• 指定最小的第一个的大小。并检查。然后指定更大的尺寸。 col-xs-1，col-sm-2等。
• 然后你需要在不同的设备上检查它是如何工作的。

对于您的情况，请指定文本框中div col-xs-12和col-md-2的大小。

Link

您可以查看Bootstrap文档及其中提供的示例。这真是一个有用的材料。更改这些示例并使用它......您将会更好地理解。