Tag: twitter bootstrap

如何使用Twitter的Bootstrap 3无响应的网站？: 正如你可以在他们的页面上看到的，新的Bootstrap 3是“移动优先”：使用Bootstrap 2，我们为框架的关键部分添加了可选的移动友好样式。在Bootstrap 3中，我们从一开始就将项目改写为移动友好。他们没有添加可选的移动样式，而是直接进入核心。事实上，Bootstrap是最先移动的。移动第一种风格可以在整个库中find，而不是在单独的文件中。我如何禁用响应？我希望我的网站不会为平板电脑或手机重新排列。

Bootstrap不会检测到jQuery 1.11.0 – 未捕获错误：Bootstrap的JavaScript需要jQuery: 我正在尝试使用Bootstrap为我正在编写的程序创build一个接口。我将jQuery添加到<head>标记中，并认为是这样，但是当我在浏览器中启动网页时，jQuery报告了一个错误： Uncaught Error: Bootstrap's JavaScript requires jQuery 。我曾尝试使用jQuery 1.9.0，我已经尝试了在几个CDN上托pipe的副本，但我无法得到它的工作。这是我的html文件，这是我的目录的布局。有人知道我在做什么错了吗？

将parameter passing给模态: 我想从userName sa的login用户点击到twitter引导modal的列表中传递userName 。我正在使用grails与angularjs ，其中数据通过angularjs呈现。组态我的grails查看页面的encouragement.gsp .gsp是 <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> Encourage </a> </td> </tr> 我的encourage/_encouragement_modal.gsp是 <div id="encouragementModal" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Confirm encouragement?</h3> </div> <div class="modal-body"> Do you really want to encourage <b>{{aModel.userName}}</b>? […]

Bootstrap CSS主动导航: 在Bootstrap网站上，subnav与部分相匹配，并随着你的改变背景颜色或滚动到部分。我想创build我自己的菜单，没有所有的背景颜色和一切，但是，我改变了我的CSS是相似的，但当我向下滚动或单击菜单项上的活动类不会切换。不知道我在做什么错。 HTML： <ul class="menu"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">About Us</a></li> <li><a href="#contact">Contact</a></li> </ul> CSS： .menu {list-style:none;} .menu > li {float: left;} .menu > li > a {color:#555;float: none;padding: 10px 16px 11px;display: block;} .menu > li > a:hover {color: #F95700;} .menu .active > a, .menu .active > a:hover {color:#F95700;} 我检查了这些文件; jQuery，bootstrap.js和bootstrap.css都链接正确。我必须添加一些额外的jQuery或我缺less一些CSS来获得活跃切换像他们的网站上的subnav菜单？

如何在twitter-bootstrap模式窗口中插入一个Django表单？: 四月份有人问完全相同的问题，没有任何答案。但是由于他提供的信息太less，这个问题被放弃了。我有同样的问题。在main_page.html我有这一行： <a href="/contact/edit/{{ item.id }}" title="Edit">edit</a> 一旦你点击了，编辑模板就会出现在twitter引导模式中。 url.py (r'^contact/edit/(?P<contact_id>\d+)/$', contact_view), view.py def contact_view(request, contact_id=None): profile = request.user.get_profile() if contact_id is None: contact = Contact(company=profile.company) template_title = _(u'Add Contact') else: contact = get_object_or_404(profile.company.contact_set.all(), pk=contact_id) template_title = _(u'Edit Contact') if request.POST: if request.POST.get('cancel', None): return HttpResponseRedirect('/') form = ContactsForm(profile.company, request.POST, instance=contact) if […]

我可以同时使用Twitter Bootstrap和jQuery UI吗？: 我正在使用Twitter Bootstrap，我想使用Bootstrap中没有的“自动build议”，而jQuery UI有自己的自动build议方法。我可以同时使用吗？它会超载的带宽？

在Ember.JS ember-cli App中引入引导库的build议方法: 我正在尝试在当前的ember-cli项目中正确安装Twitter Bootstrap。我确实安装了凉亭bootstrap： bower install –save bootstrap 现在这个库在/ vendor / bootstrap / dist /（css | js | fonts）中被压缩了，我尝试了这里提到的： http : //ember-cli.com/#managing-dependenciesreplacepath和css文件名，但是我得到有关Brocfile.js文件的错误。我认为brocfile格式与示例相比已经改变了太多。在/ app / styles /目录中移动样式表之后，我也尝试使用/app/styles/app.css文件导入 @import： @import url('/assets/bootstrap.css'); @import url('/assets/bootstrap-theme.css'); 但它没有工作。这些文件是可见的真正的开发服务器： http://localhost:4200/assets/bootstrap.css 有人可以在这里扔骨头吗？谢谢编辑： ember -v ember-cli 0.0.23 brocfile.js /* global require, module */ var uglifyJavaScript = require('broccoli-uglify-js'); var replace = […]

Twitter Bootstrap：打印模态窗口的内容: 我正在开发一个使用Bootstrap的站点，它有28个模态窗口，其中包含不同产品的信息。我希望能够在打开的模式窗口中打印信息。每个窗口都有一个id 。 <!– firecell panel & radio hub –> <div class="modal hide fade" id="fcpanelhub"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">X</button> <h3>5000 Control Panel & Radio Hub</h3> </div> <div class="modal-body"> <img src="../site/img/firecell/firecell-panel-info-1.png" alt=""/><hr/> <img src="../site/img/firecell/firecell-panel-info-2.png" alt=""/><hr/> <img src="../site/img/firecell/firecell-radio-hub-info-1.png" alt=""/><hr/> <img src="../site/img/firecell/firecell-radio-hub-info-2.png" alt=""/> </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> </div> </div> 所以，如果我添加一个新的buttonmodal-footer – “打印”，并点击我想打印的模式。 […]

Twitter Bootstrap警报消息closures并再次打开: 警告消息有问题。它是正常显示，我可以closures它，当用户按下x （closures），但是当用户试图再次显示它（例如，点击button事件），那么它不会显示。（此外，如果我打印这个警报消息到控制台，它等于[] 。）我的代码在这里： <div class="alert" style="display: none"> <a class="close" data-dismiss="alert">×</a> <strong>Warning!</strong> Best check yo self, you're not looking too good. </div> 事件： $(".alert").show(); PS！只有在发生某些事件（例如，button点击）之后，我才需要显示警报消息。或者我做错了什么？