BlogJava-云自无心水自闲-随笔分类-Bootstraphttp://www.blogjava.net/usherlight/category/55118.html天平山上白云泉，云自无心水自闲。何必奔冲山下去，更添波浪向人间！zh-cnTue, 11 Oct 2016 11:41:26 GMTTue, 11 Oct 2016 11:41:26 GMT60Jquery UI datepicker 结合使用 bootstrap glyphicon http://www.blogjava.net/usherlight/archive/2016/10/10/431879.html云自无心水自闲云自无心水自闲Mon, 10 Oct 2016 11:57:00 GMThttp://www.blogjava.net/usherlight/archive/2016/10/10/431879.htmlhttp://www.blogjava.net/usherlight/comments/431879.htmlhttp://www.blogjava.net/usherlight/archive/2016/10/10/431879.html#Feedback0http://www.blogjava.net/usherlight/comments/commentRss/431879.htmlhttp://www.blogjava.net/usherlight/services/trackbacks/431879.html

1, 先定义一个input, 做为datepicker的容器。
<input type='text' class="form-control" id="dateTo" name="dateTo" required/>

2, 在后面加上glyphicon, 注意关键是label 中的for的id需要是前面定义的容器的id, 这样点击glyphicon的时候就会触发弹出日期选择框。
<label for="dateTo" class="input-group-addon"><span class="glyphicon glyphicon-time"></span></label>

云自无心水自闲 2016-10-10 19:57 发表评论
]]>bootstrap 小技巧备忘录http://www.blogjava.net/usherlight/archive/2016/05/31/430713.html云自无心水自闲云自无心水自闲Tue, 31 May 2016 03:39:00 GMThttp://www.blogjava.net/usherlight/archive/2016/05/31/430713.htmlhttp://www.blogjava.net/usherlight/comments/430713.htmlhttp://www.blogjava.net/usherlight/archive/2016/05/31/430713.html#Feedback0http://www.blogjava.net/usherlight/comments/commentRss/430713.htmlhttp://www.blogjava.net/usherlight/services/trackbacks/430713.html  <table>
<tr>
    <td><p style="text-align:right;margin:0;padding:0">文字右对齐</p></td>
    <td>文字左对齐</td>
</tr>
</table>

2. 表格边缘的margin 需要在表格外再套一个div
<div style="margin:10px">
    <table>
    ......
    </table>
</div>

3. btn-toolbar class can put a margin between 2 "pull-right" buttons
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-8 btn-toolbar">
                <input type="submit" class="btn btn-warning pull-right" value="Submit">
                <input type="button" id="profilePassBackBtn" class="btn btn-info pull-right" value="Back">
            </div>
            <div class="col-md-2">
            </div>
        </div>


云自无心水自闲 2016-05-31 11:39 发表评论
]]>