博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

BootStrap小知识随笔

Posted on 2019-03-11 10:05  菠萝35  阅读(125)  评论(0编辑  收藏  举报

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>