在移动设备上查看时,单行内联表单元素分布在3行中

时间:2015-08-20 23:01:51

标签: html twitter-bootstrap twitter-bootstrap-3

我有以下标记,使用bootstrap。 https://jsfiddle.net/DTcHh/11339/

我在右侧有一个内联形式,当在桌面上查看时,它恰好位于一行中。

enter image description here

<div class="container">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
               <div class="panel panel-default borderless-panel db-panel">
               <div class="panel-body db-panel-body">
                <form class="form-inline" role="form">
                    <a href="app-add-campaign.html" class="btn btn-embossed btn-primary">Add New</a>
                    <div class="pull-right">
                        <div class="form-group">
                            <input type="text" class="form-control hasDatepicker" value="14 March, 2013" id="datepicker-01">
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" value="14 March, 2013" id="datepicker-01">
                        </div>
                        <div class="btn-group">
                          <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
                            <span class="fui-calendar"></span><span class="caret"></span>
                          </button>
                          <ul class="dropdown-menu" role="menu">
                            <li><a href="#">Today</a></li>
                            <li><a href="#">Yesterday</a></li>
                            <li><a href="#">Last Week</a></li>
                            <li><a href="#">Last Month</a></li>
                            <li><a href="#">Custom Date</a></li>
                          </ul>
                        </div>
                    </div>
                </form>
                   </div></div>
            </div>
</div>

但是,当我在移动设备上查看时,我的表单会自行分配3行。

enter image description here  我希望它放在Add New按钮下面,但是在一行中占据整个宽度。请你告诉我我做错了什么?非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

这可能会解决您的问题。

&#13;
&#13;
WM_PAINT
&#13;
from google.appengine.ext.remote_api import remote_api_stub
import database
import getpass

email = "gmail@gmail.com" #can't show this line
password = "password" #can't show this line

def auth_func():
  return (email, password)

remote_api_stub.ConfigureRemoteApi(None, '/_ah/remote_api', auth_func,
                               'app.appspot.com')
&#13;
&#13;
&#13;