Tag: twitter bootstrap
如何删除Twitter Bootstrap 3中的响应function？
自Bootstrap 3以来，不再需要响应式和标准样式表的独立文件。 那么如何轻松删除响应function呢？
一次引导转盘多个帧
这是我试图用Bootstrap 3旋转木马实现的效果 而不是一次只显示一个帧，它显示N个帧并排。 然后，当您滑动（或自动滑动时）时，会像这样移动幻灯片组。 这可以通过 bootstrap 3的旋转木马来完成吗？ 我希望我不会去寻找另一个jQuery插件…
引导程序3：保持页面上选定的选项卡刷新
我正在尝试使用Bootstrap 3 保持选定选项卡处于活动状态 。 试了一下，在这里已经提出了一些问题，但没有为我工作。 不知道我错在哪里。 这是我的代码 HTML <!– tabs link –> <ul class="nav nav-tabs" id="rowTab"> <li class="active"><a href="#personal-info" data-toggle="tab">Personal Information</a></li> <li><a href="#Employment-info" data-toggle="tab">Employment Information</a></li> <li><a href="#career-path" data-toggle="tab">Career Path</a></li> <li><a href="#warnings" data-toggle="tab">Warning</a></li> </ul> <!– end: tabs link –> <div class="tab-content"> <div class="tab-pane active" id="personal-info"> tab data here… </div> <div class="tab-pane" id="Employment-info"> tab data here… </div> […]
响应式网站在手机上全长缩小
我正在testingBootstrap 3响应导航栏，我有一个演示网站。 当我调整桌面上的浏览器的大小，包括导航栏，这成为可折叠的菜单上面有一个小图标，我可以点击查看更多的菜单button的一切工作正常。 但是当我尝试从移动浏览器（我在Chrome浏览器和Chrome浏览器上试过）时，我没有看到响应式devise。 我只能看到非常小的桌面版本的网站。 任何人都可以指出我做错了什么？
从Bootstrap 3的列中删除填充
问题： 删除引导程序3中col-md- *的左侧和右侧的填充/边距。 HTML代码： <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div class="widget-header"> <h3>Results</h3> </div> <div class="widget-content"> <div id="map_canvas" style="height: 362px;"></div> </div> </div> </div> </div> 期望的输出： 目前，这段代码在两列的左边和右边添加了填充/边距。 我想知道是什么，我错过了为了消除这方面的额外空间？ 注意： 如果我删除“col-md-4”，那么两列都扩大到100％，但是我希望它们彼此相邻。
多重模态叠加
我需要覆盖层显示在第一个模态之上，而不是在后面。 $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the dialog / modal goes here. <br> <br> <br> <br> <br> <a data-toggle="modal" href="#myModal2" class="btn btn-primary">Launch modal</a> </div> <div class="modal-footer"> <a href="#" […]
在twitter引导五个相等的列
我想在我正在构build的页面上有5个相同的列，我似乎无法理解5列的网格在这里如何使用： http : //web.archive.org/web/20120416024539/http : //domain7 .COM /移动/工具/引导/响应 五列网格被演示以上twitter引导框架的一部分？
自举中的垂直alignment中心4
我正在尝试使用Bootstrap 4将我的容器居中放置在页面中间。到目前为止，我一直没有成功。 任何帮助，将不胜感激。 我已经在Codepen.io上build立起来了，所以你们可以用它玩，让我知道什么是有用的 ，因为我的想法是… 编辑 – [已解决] 将以下内容添加到我的CSS的顶部解决了问题： html, body { height:100%; } body { display:flex; align-items:center; } 另外，在Bootstrap 4（alpha）中： 将类d-flex align-items-center h100到父级也解决了这个问题，并且是更加Bootstappy方法。 注意这和前面提到的方法是一样的。 解决了@Pete，@ZimSystems以及其他
引导NavBar与左，中间和右alignment的项目
在Bootstrap中 ，创build导航栏的平台最友好的方式是什么？左侧是Logo A，中间是菜单项，右侧是Logo B？ 这是我到目前为止所尝试的，并且最终被alignment，使得标志A在左侧，左侧的标志旁边的菜单项和右侧的标志B. <div class="navbar navbar-fixed-top navbar-custom "> <div class="container" > <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><span class="navbar-logo">Logo_A</span></a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">Menu Item 1</a></li> <li><a href="#contact">Menu Item 2</a></li> <li><a href="#about">Menu Item 3</a></li> </ul> <ul […]
twitter引导键入ajax示例
我试图find一个工作示例的twitter引导typeahead元素，将使ajax调用填充它的下拉列表。 我有一个现有的工作jquery自动完成的例子，它定义了ajax url以及如何处理回复 <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { minChars:3, max:20 }; $("#runnerquery").autocomplete('./index/runnerfilter/format/html',options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } ); .. 我需要改变什么来将其转换为typeahead示例？ <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { source:'/index/runnerfilter/format/html', items:5 }; $("#runnerquery").typeahead(options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } ); .. 我要等待“ 添加远程资源支持typeahead ”问题才能解决。
