Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 带有自定义内容的引导按钮下拉列表_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Twitter bootstrap 带有自定义内容的引导按钮下拉列表

Twitter bootstrap 带有自定义内容的引导按钮下拉列表,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我想使用引导来显示表单组件,而不是带有附加信息的其他按钮列表。有可能吗?是的,可以通过替换通常的显示一些图像来重新考虑您的问题,为什么会关闭?这个问题很清楚。也许撤销版主的审核权限您应该在li中添加“阻止关闭”事件。使用容器流体将更好,相反,表单不应该全屏幕显示。如果您这样做,还有很多事情要做。每次单击表单元素都会隐藏下拉列表,因为它假定您选择了列表。使用带有一些修改的popover比黑一个列表项更有意义。@guyfawkes,正如已经评论过的,它需要一个阻止关闭。请随意提交编辑以改进此答案。@

我想使用引导来显示表单组件,而不是带有附加信息的其他按钮列表。有可能吗?

是的,可以通过替换通常的
  • 显示一些图像来重新考虑您的问题,为什么会关闭?这个问题很清楚。也许撤销版主的审核权限您应该在li中添加“阻止关闭”事件。使用
    容器流体将更好,相反,表单不应该全屏幕显示。如果您这样做,还有很多事情要做。每次单击表单元素都会隐藏下拉列表,因为它假定您选择了列表。使用带有一些修改的popover比黑一个列表项更有意义。@guyfawkes,正如已经评论过的,它需要一个阻止关闭。请随意提交编辑以改进此答案。@Jordan.J.D我能想到的最简单的方法是向其添加事件处理程序以保持其打开状态<代码>$(函数(){$('.下拉菜单:输入')。在('focus click blur',函数(e){e.stopPropagation();})上)
    <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Click for form <span class="caret"></span>
    
        </button>
        <ul class="dropdown-menu" role="menu">
            <li>
              <div class="container">
                <div class="form-group">
                    <label label-default="" for="exampleInputEmail1">Email address</label>
                    <input type="email" class="form-control" id="exampleInputEmail1"
                    placeholder="Enter email">
                </div>
                <div class="form-group">
                    <label label-default="" for="exampleInputPassword1">Password</label>
                    <input type="password" class="form-control" id="exampleInputPassword1"
                    placeholder="Password">
                </div>
                <div class="form-group">
                    <label label-default="" for="exampleInputFile">File input</label>
                    <input type="file" id="exampleInputFile">
                    <p class="help-block">Example block-level help text here.</p>
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox">Check me out</label>
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
                </div>
            </li>
        </ul>
    </div>