草庐IT

$bootstrap

全部标签

javascript - 如何更改 Twitter Bootstrap 模态框的默认宽度?

我尝试了以下方法:×CloseSavechanges还有这个Javascript:$('.modal-admin').css('width','750px');$('.modal-admin').css('margin','100pxauto100pxauto');$('.modal-admin').modal('show')结果不是我所期望的。模态左上角位于屏幕中央。谁能帮帮我。有没有其他人试过这个。我想这不是一件不寻常的事情。 最佳答案 更新:在bootstrap3中,您需要更改模态对话框。因此,在这种情况下,您可以在modal

javascript - 将数据传递给 Bootstrap 模式

我有几个超链接,每个链接都有一个ID。当我点击这个链接时,我想打开一个模态(http://twitter.github.com/bootstrap/javascript.html#modals),并将这个ID传递给模态。我在谷歌上搜索,但找不到任何可以帮助我的东西。这是代码:应该打开哪个:有了这段代码:$(document).ready(function(){$(".open-AddBookDialog").click(function(){$('#bookId').val($(this).data('id'));$('#addBookDialog').modal('show');})

html - 将 Fieldset Legend 与 Bootstrap 一起使用

我正在为我的JSP使用Bootstrap页面。我想使用和我的表格。这是我的代码。StartTimeStart:CSS是fieldset.scheduler-border{border:1pxgroove#ddd!important;padding:01.4em1.4em1.4em!important;margin:001.5em0!important;-webkit-box-shadow:0px0px0px0px#000;box-shadow:0px0px0px0px#000;}legend.scheduler-border{font-size:1.2em!important;font

jquery - Bootstrap 抛出 Uncaught Error : Bootstrap's JavaScript requires jQuery

已结束。此问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭4年前。Improvethisquestion我正在尝试使用Bootstrap为程序制作界面。我将jQuery1.11.0添加到标记并认为是这样,但是当我在浏览器中启动网页时,jQuery报告错误:UncaughtError:Bootstrap'sJavaScriptrequiresjQuery我尝

html - Flexbox vs Twitter Bootstrap(或类似框架)

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题吗?更新问题,以便editingthispost提供事实和引用来回答它.关闭7年前。Improvethisquestion我最近发现Flexbox,当时我正在寻找一种使div具有相同高度的解决方案,具体取决于最高的高度。我已阅读followingpage在CSS-tricks.com上,它让我相信flexbox是一个非常强大的学习和使用模块。然而,这也让我想到TwitterBootstrap(和类似框架)提供与其网格系统相同的功能(当然还有很多额外功能)。现在,问题是:flexbox的优缺点是什么?有没有什么

javascript - 带悬停的 Bootstrap 下拉菜单

好的,所以我需要的很简单。我已经设置了一个导航栏,其中包含一些下拉菜单(使用class="dropdown-toggle"data-toggle="dropdown"),它工作正常。问题是它可以“onClick”工作,而我更喜欢“onHover”。有没有内置的方法可以做到这一点? 最佳答案 最简单的解决方案是使用CSS。添加类似....dropdown:hover.dropdown-menu{display:block;margin-top:0;//removethegapsoitdoesn'tclose}WorkingFiddle

html - Bootstrap 3 将页脚平齐到底部。不固定

我正在为我正在设计的网站使用Bootstrap3。我想要一个像这个示例一样的页脚。Sample请注意,我不希望它FIXED,所以bootstrapnavbar-fixed-bottom不能解决我的问题。我只是希望它始终位于内容的底部并且具有响应性。任何指南都将不胜感激。编辑:对不起,如果我不清楚。现在发生的情况是,当内容主体没有足够的内容时。我的页脚向上移动,然后在底部留下一个空白区域。这就是我现在的导航栏SITEMAPNewscontactFAQPrivacyPolicyxxxxyyyyyyyyyyyyyxxxxxuuuuuuuuuuuuuuuCSS.navbar-bottom{mi

html - 更改 Bootstrap 输入焦点蓝色发光

有人知道如何更改Bootstrap的input:focus吗?当您单击input字段时出现蓝色光晕? 最佳答案 最后我在bootstrap.css中更改了以下css条目textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,i

html - 没有条纹/边框的 Bootstrap 表

我在使用Bootstrap时遇到了一个CSS问题。我还在使用AngularJS和AngularUI.bootstrap(这可能是问题的一部分)。我正在制作一个在表格中显示数据的网站。有时,数据包含我必须在表格中显示的对象。因此,我想将无边框表格放在普通表格中,同时保留无边框表格的分隔线。但似乎即使我特意说不要在表格上显示边框,也是被迫的:HTML:CSS:.borderlesstable{border-top-style:none;border-left-style:none;border-right-style:none;border-bottom-style:none;}所以在这里

html - 如何在 bootstrap 3 中使用 bootstrap-theme.css?

从http://getbootstrap.com下载完整的bootstrap3包后,我注意到主题有一个单独的css文件。如何利用它?请解释一下?我在现有的引导元素中包含了bootstrap-theme.css,但输出没有区别。 最佳答案 下载Bootstrap3.x后,您将获得bootstrap.css和bootstrap-theme.css(更不用说这些文件的缩小版本)存在)。bootstrap.cssbootstrap.css已完全样式化并可以随时使用,如果您愿意的话。它可能有点简单,但它已经准备好了,它就在那里。Youdono