Tag: twitter bootstrap

Bootstrap Popover在点击时closures：在桌面浏览器中工作正常，但在移动浏览器中不起作用

所以我有一个运行在nodeJS上的web应用程序，并使用bootstrap作为前端。 我已经集成了一些bootstrappopup，他们做了以下几点： 当用户点击或点击图片时，会popup对话框。 用户可以点击任何地方，它会消除popup。 当我从台式机或笔记本电脑浏览器打开应用程序时，它们工作正常，但是当我通过移动浏览器（iPhone上的Safari浏览器）打开应用程序（使用计算机的IP地址）时，popup窗口不会在点击时消失。 这里有什么问题？ 我错过了什么？ 代码如下： <img src='/images/question.png' tabindex="0" role="button" data-trigger="focus" height="10" width="10" data-toggle="popover" title="Daily Hub Activity" data-content="Lorem ipsum blablabla." animation="true" data-placement="bottom">

Bootstrap Popover在iOS / Safari上触发焦点触发器不可用

我在type="submit"的<button>元素上实现了一个可用的popup窗口，用于表单。 正如Bootstrap文档清楚地指出的那样： 使用focus触发器closures用户下一次点击的popup。 对于正确的跨浏览器和跨平台行为，您必须使用<a>标记， 而不是 <button>标记，还必须包含role =“button”和tabindex属性。 http://getbootstrap.com/javascript/#popovers-examples 但是popup窗口可以通过使用hover触发器的用户的下一次点击来变暗。 我没有使用<a>元素的选项，因为<button>对应于表单提交（长代码块的道歉）： <button data-placement="top" data-toggle="popover" data-trigger="hover" title="placeholder text" data-content="placholder text" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-block btn-success marg-bot-20">Subscribe to Best Hot Tub Updates <i class="fa fa-envelope"></i></button> 问题是在这里，popup窗口是允许的iOS移动设备使用Safari浏览器。 使用<button>之后，如果用户点击页面上的其他位置或popup窗口本身，popup窗口不会被忽略。 这掩盖了表单元素（防止被查看），因此需要修复： 是否有某种forms的解决方法或修复我可以在这里应用，以允许在iOS / Safari浏览器上点击或在网页上的其他地方（Chrome浏览器的默认行为）允许popup窗口，同时保留使用<button>元素表单function？ 这个问题可以在这里的开发网站上查看： http://www.the-session.co.uk/dev_standalone/

Bootstrap响应表不在iOS设备上垂直滚动

这是我的： <div class="table-responsive"> <table class="table" style="background: transparent"> …. </table> </div> 我正在使用以下bootstrap.css文件： http : //netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css 当我尝试在iOS设备上上下滚动（当我的手指触摸桌子时），它不会滚动。 它只是拖动整个页面。 为了滚动，我必须触摸主体背景或除表格以外的任何其他对象。 这个问题不会出现在Android设备上，但似乎在iOS设备上，如iPhone。 我试着将overflow-y: auto添加到<div class="table-responsive"> ，但它仍然不起作用。 为了在移动设备上启用滚动（特别是苹果设备），需要添加什么？

Bootstrap 3.0.3 glyphicons在iOS 7上显示表情符号

我使用Bootstrap 3.0.3 glyphicons。 在桌面浏览器和Android设备上都可以。 我的问题是关于苹果设备（在运行iOS7的iPhone和iPad上testing）。 字形看起来像表情符号。 我发现了一些问题，但没有回答我的问题。 这里是链接查看截图： http : //www.fredericblancheton.fr/imgdisallow/image.png 感谢您的帮助。

Bootstrap Modal在iOS设备上不起作用

我在使用Bootstrap的网站上工作，有一个问题，我似乎无法修复。 这里是网站的草稿 。 在“我们做什么”面板上，我在第一个缩略图框（在缩略图下面写着“Enterprise Software development”）创build了一个可点击的模式窗口。 如果您在非移动设备上单击缩略图，则会popup一个模式窗口。 在台式电脑（或笔记本电脑）上，它工作得很好。 但是在iOS（iPhone，iPad等）上，它根本不起作用：即点击它不会显示模式窗口。 但是，如果您在“我们是谁”面板的页面上看起来较低，则会出现“查看更多关于Tim …”button。 如果您点击或点击该button，它将适用于所有设备（包括iOS）。 我可以看到两者之间的唯一区别是，第一个是在一个<div>标签，而第二个是在一个<button>标签。 Bootstrap不支持从iOS设备上的<div>启动模式窗口吗？ 如果是这样，您是否看到我的代码有任何问题，只会在iOS设备上失败？

引导3手风琴崩溃不能在iphone上工作

这些“手风琴子菜单”在Chrome和Firefox中工作，但不在iPhone上。 我已经build立了一个网站，其中包括在较小的屏幕上的“offcanvas”导航菜单。 用户点击“热狗button”，导航菜单从左边滑到屏幕上…迄今为止效果很好。 一些导航元素包含子菜单。 对于那些，我使用bootstrap的手风琴标记。 用户点击一个箭头，“子菜单”展开。 问题 我在linux上开发使用chrome。 这个机制在Chrome浏览器，Firefox，以及我可以使用的每一个浏览器，以及我个人的android手机上都能很好地工作。 它也适用于responsinator.com 。 但是，由于我没有Safari，也没有iPhone，我没有能够直接在iPhone上testing这个function。 我正在努力获得一个iPhone模拟器… 在此之前，其他人已经在iPhone上看了这个，我被告知这个“子菜单”根本就不起作用。 当用户点击箭头时，没有任何反应 下面是包含“子菜单”的“菜单项”摘录：请注意我正在使用“数据切换”和“数据目标”属性： <div class="panel panel-default"> <!– The "Trigger" –> <div class="panel-heading"> <h4 class="panel-title"> <a href="view.php?cms_nav_id=1" name="about"> About</a> <a data-toggle="collapse" data-target="#collapse1"> <i class="pull-right icon-chevron-right mobile-nav-icon"></i> </a> </h4> </div> <!– Populated submenus: –> <div id="collapse1" class="panel-collapse collapse"> <div class="panel-body"> <a href="view.php?cms_nav_id=7" name="ohioimprovementprocess">Ohio Improvement […]