Tag: bootstrap modal
什么是引导程序中的tabindex =“ – 1”
Bootstrap 3中的tabindex属性是什么？ 它的文档没有提到任何关于它们的内容，尽pipe它们实际上在所有的模式中使用它们。 我只是发现这个用法，其实并不多 可访问键盘和辅助技术用户的工具提示 对于使用键盘进行导航的用户，特别是辅助技术用户，只能将工具提示添加到键盘可聚焦的元素，例如链接，表单控件或具有tabindex =“0”属性的任意元素。 我发现如果tabindex属性不是-1 ， 我不能按esc来隐藏模式 。 按esc键后的模式closures（用tabindex） 按esc键后没有closures模式（没有tabindex）
我怎样才能防止身体的滚动条，并在twitter引导modal dialog加载时转移？
当我打开twitter bootstrap模式对话框时，背景会产生一个滚动条并移动内容。 为了避免滚动条我使用这个CSS： .modal { overflow: hidden; } 但我无法避免这种转变。 问候，马可 我正在使用Bootstrap版本3
在引导模式下将textarea的宽度设置为100％
正在尝试所有可能的方式，但从来没有成功： <div style="float: right"> <button type="button" value="Decline" class="btn btn-danger" data-toggle="modal" data-target="#declineModal">Decline</button> </div> <!– Modal –> <div class="modal fade" id="declineModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">Comment</h4> </div> <div class="modal-body"> <textarea class="form-control col-xs-12"></textarea> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn […]
确认删除使用引导3模式框
我需要确认删除使用引导3模式框（是/否）。 怎么能创build这个？ HTML代码： <form action ="<?php echo $URL .'/admin/privileges.php?action=editable' ?>" method="POST"> <button class='btn btn-danger btn-xs' type="submit" name="remove_levels" value="delete"><span class="fa fa-times"></span> delete</button></td> </form>
使用*只是* Bootstrap模态
我将Bootstrap的Modal与另一个不使用它的站点整合在一起。 我看到bootstrap可以让你为每个组件分开Javascript。 但是CSS呢？ 如果我链接到bootstrap.css整个网站将改变。 我只是想让Modal有足够的CSS来工作。 （我尝试通过CSS文件，只是猜测我需要什么，但它没有工作）。
Twitter Bootstrap模式将html内容推送到左侧
如果我打开一个模式对话框，通过Twitter Bootstrap，我注意到它将页面的所有html内容（即container ）左移一点，然后在closures之后将其恢复正常。 但是，这只有在浏览器宽度足够大以至于不在“移动”（即最小）媒体查询时才会发生。 这发生在FF和Chrome的最新版本（还没有testing过其他浏览器）。 你可以在这里看到这个问题： http : //jsfiddle.net/jxX6A/2/ 注意：您必须增加“结果”窗口的宽度，以便切换到“med”或“large”媒体查询CSS。 我已经根据Bootstrap站点上显示的示例设置了页面的HTML： <div class='container'> <div class='page-header'> <h4>My Heading</h4> </div> <div id='content'> This is some content. </div> <div class='footer'> <p>© 2013, me</p> </div> </div> 我猜这不应该发生，但我不知道我做错了什么。 编辑：这是一个已知的错误，更多（和最新）的信息，请参阅： https ： //github.com/twbs/bootstrap/issues/9855
自动完成问题到引导模式
我有一个模式对话框引导内的jQuery自动完成显示问题。 当我滚动鼠标时，结果不会保持连接到input。 有没有办法解决这个问题？ 这里JsFiddle ： .ui-autocomplete-input { border: none; font-size: 14px; width: 300px; height: 24px; margin-bottom: 5px; padding-top: 2px; border: 1px solid #DDD !important; padding-top: 0px !important; z-index: 1511; position: relative; } 编辑我发现这个问题： .ui-autocomplete { position: fixed; ….. } 如果模式有滚动问题仍然存在！ 这里JsFiddle / 1 。
我可以检查Bootstrap模式是否显示/隐藏？
我可以检查Bootstrap Modal是否以编程方式显示/隐藏？ 像bool a = if("#myModal").shown(); ？ 我需要真/假
垂直居中Bootstrap模态窗口
我想中心我的模式在视口（中）我试图添加一些CSS属性 .modal { position: fixed; top:50%; left:50%; } 我正在使用这个例子http://jsfiddle.net/rniemeyer/Wjjnd/ 我试过了 $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } })
