当前位置 : 主页 > 网页制作 > Bootstarp >

BootStrap小知识随笔

来源:互联网 收集:自由互联 发布时间:2021-06-12
1、让label和input在一行显示 添加class "form-inline"就可以了 。如 table class="table table-bordered form-inline" tr td 姓名: input id="txt_Name" type="text" class="form-control" placeholder="姓名" style="width: 200px;"

1、让label和input在一行显示

添加class "form-inline"就可以了。如

        <table class="table table-bordered form-inline">
            <tr>
                <td>
                     姓名: <input id="txt_Name" type="text" class="form-control" placeholder="姓名" style="width: 200px;">
                </td>
                <td>
                    手机:<input id="txt_Phone" type="text" class="form-control" placeholder="手机" style="width: 200px;">
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input id="txt_Birthday" name="txt_Birthday" type="text" class="form-control input-wdatepicker" style="width: 200px;" onfocus="WdatePicker()" />
                </td>
            </tr>
        </table>
网友评论