Tag: twitter bootstrap 3

Bootstrap 3 – 禁用导航栏折叠: 这是我简单的导航栏： <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> 我只是想阻止这个崩溃，因为我不需要它，该怎么办？我想避免写300K行的CSS覆盖默认样式。任何build议？

Bootstrap 3带有标志的导航栏: 我想使用带有图像标识的Bootstrap 3默认导航栏，而不是文本标记。什么是正确的方式，而不会导致不同的屏幕尺寸有任何问题？我认为这是一个共同的要求，但我还没有看到一个好的代码示例。除了在所有屏幕尺寸上具有可接受的显示以外，关键要求是在较小屏幕上的菜单可折叠性。我试着把一个IMG标签放在带有navbar品牌类的A标签里面，但是导致菜单不能在我的android手机上正常工作。我也尝试增加navbar类的高度，但是这更糟糕了。顺便说一句，我的标志图像比导航栏的高度大。

Twitter Bootstrap 3，垂直中心内容: 我知道这已经被问了一千次，但我找不到一种方式来使文本和图像垂直居中。我正在使用带有dynamic内容的Twitter Bootstrap 3，因此我不知道文本和图像的大小。另外，我希望这一切都是响应。我已经创build了一个总结我尝试实现的布局types的bootply 。基本上，我希望文字和图像垂直居中。文字并不总是大于图像。有人可以帮我解决这个问题吗？谢谢。

为什么Bootstrap 3切换到box-sizing：border-box？: 我将我的Bootstrap主题从v2.3.2迁移到v3.0.0，而我注意到的一件事情是，由于bootstrap.css中的以下样式，很多维度的计算方式不同。 *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 任何人都可以解释为什么Bootstrap将所有元素的框大小切换到边框？我怀疑这与新的电网系统是以百分比为基础，但上面的select器不仅适用于电网元素明显。似乎有点激进imho 🙂 任何人都在意给一些见解？

如何删除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。我只能看到非常小的桌面版本的网站。任何人都可以指出我做错了什么？

多重模态叠加: 我需要覆盖层显示在第一个模态之上，而不是在后面。 $('#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引导框架的一部分？