使用引导程序的类在表中调整输入文本的大小

用户名

我在下面的代码中尝试使用Bootstrap的类调整文本输入元素的大小。但是,我无法缩小尺寸。我希望它在台式机上较小,而不是占用大量空间。

<div class="container White_BG">
<div class="row" style="margin-left:0;margin-right:0;">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

<h1>Quickly place your order with this form.</h1>
<h2>Please enter the item numbers that you wish to order; once you add to the cart, then you will be able to change the quantity of those items ordered.</h2>

<div class="table-responsive">
    <form method="post" name="QuickOrderMulti">
        <table class="table table-bordered table-condensed table-hover">
            <tr>
                <th>Item #</th>
                <th>Quantity</th>
                <th>Description</th>
                <th>Price</th>
                <th>Subtotal</th>
            </tr>
            <tr>
                <td>
                    <div class="col-lg-2">
                        <input type="text">
                    </div>
                </td>
                <td>
                    <input type="text">
                </td>
                <td>

                </td>
                <td>

                </td>
                <td>

                </td>
            </tr>
        </table>
    </form>
</div>

</div>
</div>
</div>

令人反感的行是:

<td>
    <div class="col-lg-2">
        <input type="text">
    </div>
</td>

我尝试使用col-lg-2使其仅占用2个网格列,因此它可能会更小。但是没有这种运气。

格仔迈克尔

与其将其包围在div中,不如尝试使用选定的类进行输入。

例如

<input class="col-lg-2" type="text">

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在引导程序中自动调整文本区域的大小

使用引导程序调整大小时重新缩放文本

调整大小后在引导程序中居中

在引导程序中调整图像大小

在引导程序模式中调整引导程序登录组件的大小

使用引导程序可调整大小的文本区域旁边的按钮

使用domElement输入文本并调整画布大小

验证引导程序模式中的输入文本

在引导程序中填充/调整空div的大小

在引导程序中动态调整模式对话框的大小

如何在引导程序中调整我的输入表单的长度

文本框宽度未在引导程序中调整

引导程序v4中多个输入的大小不同

调整图像大小以适合div(引导程序)

调整大小轮播引导程序4

无法获取引导表以调整大小

如何在调整窗口大小时重新调整引导程序中的行?

如何使用引导程序垂直对齐不同大小的文本

在屏幕调整大小时为引导程序元素分配新类不起作用

调整引导程序“输入组”的各自宽度

使用引导程序类垂直对齐文本框

如何在Windows 10中为调整文本,应用程序和其他项目的大小输入自定义大小百分比

调整类中数组的大小

无法调整引导模板中图像的大小

防止在引导卡中调整图像大小

在引导列中调整图像大小

引导程序-表单输入的大小相同

使用右侧按钮输入文本字段,并且不使用引导程序堆叠在移动设备中

在文本字段中输入文本时,GridBagLayout保持调整大小