使用bootstrap 3.2的占位符标签不适合输入框

时间:2014-11-26 17:36:56

标签: html css twitter-bootstrap

我希望有人能告诉我我需要做什么才能让输入框中的占位符适合日期。

我一直在使用引导程序代码,但无法正确使用它。

这是我的截屏: enter image description here

以下是我使用水平表单的代码:

<div class="container nopadding">
    <div class="form-group">
        <label class="col-sm-2 control-label" for="txtPISIQueueManufacturer">Manufacturer:</label>
        <div class="col-sm-2">
            <input type="text" class="form-control height-auto" id="txtPISIQueueManufacturer" placeholder="Enter Manufacturer" />
        </div>
        <label class="col-sm-2 control-label" for="ddlPISIQueueRequestType">Request Type:</label>
        <div class="form-group col-sm-3">
            <select class="form-control" id="ddlPISIQueueRequestType">
                <option>Shipping Information</option>
                <option>Option 1</option>
                <option>Option 2</option>
                <option>Option 3</option>
            </select>
        </div>
    </div>
    <div class="form-group col-sm-8">
        <label class="control-label col-sm-offset-1">Requested Date:</label>
        <input class="height-auto" id="dtePISIQueueRequestedFromDate" placeholder="From Date" type="text" />
        <span class="label label-default">To:</span>
        <input class="height-auto" id="dtePISIQueueRequestedToDate" placeholder="To Date" type="text" />
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

您的问题在于输入类型[“text”]或日期或任何排序的css属性。使用浏览器检查器并在输入字段中查找过多的填充或行高。