草庐IT

$bootstrap

全部标签

html - Twitter Bootstrap 按钮文本自动换行

在我的一生中,我无法让这些twitterBootstrap按钮将文本换行到多行,它们看起来像这样。我无法发布图片,所以这就是它正在做的事情......[Thisisthebu]ttontext我希望它看起来像[这是][按钮文字]Postedon22ndSeptember2013TagsLoremipsumdolorsitamet,consecteturadipiscingelit.Loremipsumdolorsitamet,consecteturadipiscingelit.Loremipsumdolorsitamet,consecteturadipiscingelit.任何帮助将不

css - 带有 Bootstrap 网格系统的嵌套行?

我想要1个较大的图像和4个较小的图像,格式为2x2,如下所示:我最初的想法是将所有东西放在一排。然后创建两列,并在第二列中创建两行两列以创建1x1和2x2效果。但是,这似乎是不可能的,还是我做的不对? 最佳答案 Bootstrap版本3.x和往常一样,阅读Bootstrap的精彩文档:3.x文档:https://getbootstrap.com/docs/3.3/css/#grid-nesting确保父级行位于.container元素内。每当您想嵌套行时,只需在您的列内打开一个新的.row。这是一个简单的布局:image1234Bo

javascript - 在页面加载时启动 Bootstrap 模式

我根本不懂JavaScript。Bootstrap文档说CallthemodalviaJavaScript:$('#myModal').modal(options)我不知道如何在页面加载时调用它。使用Bootstrap页面上提供的代码,我可以在元素单击时成功调用Modal,但我希望它在页面加载时立即加载。 最佳答案 只需将要在页面加载时调用的模式包装在文档头部的jQueryload事件中,它应该会弹出,如下所示:JS$(window).on('load',function(){$('#myModal').modal('show');

javascript - 如何使用 Twitter Bootstrap 隐藏元素并使用 jQuery 显示它?

假设我创建了一个这样的HTML元素,Hello,TB3Hello,TB4Hello,TB4如何在jQuery/Javascript中显示和隐藏该HTML元素。JavaScript:$(function(){$("#my-div").show();});结果:(其中任何一个)。我想隐藏上面的元素。使用Bootstrap隐藏元素并使用jQuery显示元素的最简单方法是什么? 最佳答案 正确答案Bootstrap4.xBootstrap4.xusesthenew.d-noneclass.如果您使用的是Bootstrap4.x,则不要使用e

jquery - 禁用/启用按钮和链接的最简单方法是什么(jQuery + Bootstrap)

有时我使用样式为按钮的anchor,有时我只使用按钮。我想禁用特定的clicky-things以便:他们看起来很残疾它们不再被点击我该怎么做? 最佳答案 按钮按钮很容易禁用,因为disabled是一个由浏览器处理的按钮属性:MyButton要使用自定义jQuery函数禁用这些,您只需使用fn.extend()://DisablefunctionjQuery.fn.extend({disable:function(state){returnthis.each(function(){this.disabled=state;});}});

html - 与 Bootstrap 3 垂直对齐

我正在使用TwitterBootstrap3,当我想垂直对齐两个div时遇到问题,例如—JSFiddlelink:BigSmallBootstrap中的网格系统使用float:left,而不是display:inline-block,所以属性vertical-align没有工作。我尝试使用margin-top来修复它,但我认为这对于响应式设计来说不是一个好的解决方案。 最佳答案 Thisanswerpresentsahack,butIwouldhighlyrecommendyoutouseflexbox(asstatedin@Has

javascript - Bootstrap datepicker 显示的日期格式与值的格式不同

我想使用TwitterBootstrap的日期选择器。我希望以mm/dd/yyyy格式对DISPLAY进行实际输入,但我希望它创建/传递的对象的值应该在yyyy-mm-dd中。我知道这个属性:"data-date-format"=>"mm-dd-yyyy"但这会改变日期的显示方式和值的格式。我的JS中也有这个:$(this).datepicker({format:'yyyy-mm-dd',autoclose:true,todayHighlight:true,pickTime:false});我不太确定格式部分在做什么,但更改它不会更改输入创建的值。 最佳答案

css - 无法使用 class=pull-right 或 float :right 向右浮动 twitter Bootstrap 导航栏元素

我正在使用Twitterbootstrap和Rails,但我似乎无法将导航栏元素float到右侧。我尝试使用这样的东西:"Editaccount"%>...但链接停留在左边,Firebug显示"float:left;"所以我试图覆盖bootstrap_and_overrides.css.less和home.html.erb中的cssfloat,但都没有奏效。Firebug表示它找到了两个cssfloat语句,但选择了bootstrap选项而不是我的。所以我被困住了,想知道如何自定义导航栏。我可能在这里做错了什么,但我没有看到它。这是我的代码:application.html.erb:.

html - Bootstrap 是否覆盖了 Ruby on Rails 4 网站中的自定义 CSS?

我用了http://www.gotealeaf.com/blog/integrating-rails-and-bootstrap-part-1在我的Rails4网站上安装Bootstrap。基本上,我安装了这些gem:gem'bootstrap-sass','~>3.2.0'gem'autoprefixer-rails'然后在我的application.css.scss中我有:...*definedintheotherCSS/SCSSfilesinthisdirectory.Itisgenerallybettertocreateanew*fileperstylescope.**=req

ruby-on-rails - 通过更改 html( Bootstrap 轮播)来 Rails 每种方法

所以,我正在尝试为Rails4中的Bootstrap3轮播找出一个解决方案。我有这个:...etc...我正在寻找一种each类型的方法来解释图库中可变数量的图像。第一张照片看起来像这样:它之后的那些看起来像:.......当然,每张照片每个数字都会增加一个。感谢您的帮助!解决方案谢谢你的创意原因!这是有效的:"class="">如果有人正在寻找.carousel-innerdiv的解决方案(几乎相同):"data-slide-number=""> 最佳答案 像这样的东西应该可以工作:"class="">修改:因为我没有注意到li标