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 […]