草庐IT

statistics-bootstrap

全部标签

html - Bootstrap 4 模态中心内容

谁能解释一下如何在Bootstrap4模式中水平居中标题。我已经尝试过text-center、mx-auto和ml-0/mr-0但它们似乎没有工作。这是一个link到fiddle。下面的代码;LaunchdemomodalModaltitle×...CloseSavechanges 最佳答案 modal-header是display:flex,因此居中其内容(如modal-title)的工作方式不同。您可以使用mx-auto,但居中是相对于关闭按钮而言的,因此它并不完全居中。一种选择是使标题显示:block(d-bloc

javascript - Bootstrap 轮播动画从上到下而不是从左到右

bootstrapcarousel中是否有任何选项可以将其动画化为从上到下和从下到上,而不是从右到左和从左到右。jsFiddleExampleheadline.SignuptodayAnotherexampleheadline.LearnmoreOnemoreforgoodmeasure.Browsegallery 最佳答案 您可以使用此代码(末尾的JSFiddle示例)更改轮播的方向PayattentiontotheCSSverticalclassselectorCSS:(改变轮播方向的本质).vertical.carousel-

html - Bootstrap + form group inside a form horizo​​ntal 提供水平滚动条

我正在使用最新的Bootstrap。我有一个表单(class="form-horizo​​ntal"),我在里面添加了一个类为“form-group”的div,结果给出了一个水平滚动条。我使用来自Bootstrap网站的相同代码在JSfiddle中创建了一个示例。你可以在这里更好地看到它:http://jsfiddle.net/SergioKastro/q4pq08rc/如何停止显示水平滚动条?Email 最佳答案 将您的代码放在中或.Email你body里的一切都应该被包裹在一个中或."container"具有固定宽度,具体取决于

html - Bootstrap 网格中的容器正确响应?

所以我有3个框,它们需要具有特定的高度和宽度,并将它们作为子元素设置在bootstrap中。在全景View中看起来不错:但是,当窗口调整大小时,框向左移动而不是float在背景图形的中间。此外,标题文本(黄色)失去了它的上部填充:认为“响应能力”正在接管,但无法确定它,我希望你们中的一些人能提供帮助。我的HTML是:ClaimSubmissionToolFilingclaimshasneverbeeneasier,it'sasimpleas1,2,31steponeGetstartedbyenteringyourclaiminformationinthefieldsbelow.2ste

javascript - 单击 Bootstrap 模式获取 src 值

我正在尝试使用JQuery获取图像的src值,以将其传递到Bootstrap模式中以在其上显示。我的问题是我不知道如何获取此src值,我尝试制作一些javascript但我猜它无法正常工作。请任何帮助。这是我的图片:Boostrap模态:最后是javascript:varsrc=$(this).attr('src');console.log(src);functionloadImage(){$('#photo_modal').attr('src',src);} 最佳答案 如果您需要获取任何图片的来源,您可以:$('img').on(

html - 如何在 Bootstrap 3 中为响应式表格添加边框

我在使用Bootstrap向响应式表格添加边框时遇到问题。......只有当我删除“table-responsive”类时,带边框的表格才有效。我的代码缺少什么,所以它也适用于此类? 最佳答案 看起来你的面板类有一个CSS属性.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0;}这会使您的表格的外边框不可见。您可以明确提供border:1pxsolid#ddd!important;如有必要。......或者您可以删除面板类并使用其他东西。这

html - Bootstrap 4 - 在 xs 和 sm 上隐藏不工作

我正在为我的应用程序创建xsView,我的问题是,当我想在小型和超小型设备上隐藏一个div时,这个超小型设备不起作用,我遵循了bootstrap4文档,但我不知道为什么这不起作用。ProduktCenaIlośćWartość我想放在第二个div上:d-noned-md-block当屏幕处于md模式时显示。当我在sm上设置它时,xs没有隐藏。当我只将d-sm-none添加到此行时,它运行良好但在xs上不行。https://getbootstrap.com/docs/4.0/utilities/display/#hiding-elements 最佳答案

html - 垂直 Bootstrap 面板标题

我有一个Bootstrap面板,我已将标题移到左侧。我正在努力使文本垂直(旋转90度)。大部分时间我都有这个,但我在让其他东西与CSS对齐时遇到了一些麻烦。我的最终目标是图标位于标题/副标题之前,所有内容都位于面板标题的中心,副标题位于标题下方。.panel{position:relative;}.panel-default>.panel-leftheading{color:#333;background-color:#f5f5f5;border-color:#ddd;}.panel-primary>.panel-leftheading{color:#fff;background-co

ruby-on-rails-3 - 如果 <dd> 元素的内容为空,为什么使用 twitter bootstrap 2 标签和数据的显示不对齐?

我看到描述列表出现意​​外行为标签。我正在使用twitterbootstrap2和这个示例代码:Item1ThisisadescriptionofItem1Item2ThisisadescriptionofItem2Item3ThisisadescriptionofItem3Item4ThisisadescriptionofItem4Item5ThisisadescriptionofItem5...一切都按预期工作,我看到了:Item1ThisisadescriptionofItem1Item2ThisisadescriptionofItem2Item3Thisisadescripti

html - Bootstrap/下拉按钮

您好,我正在尝试使用bootstrap创建下拉按钮。但结果似乎并不正确?ActionFooBar这里有一个jsfiddlehttp://jsfiddle.net/UrgP8/有什么想法吗?谢谢, 最佳答案 通过将实际上是完整的boostraphtml源代码粘贴到htmlView中,您正在将大量外部资源加载到jsfiddle中。这是一个更简单的版本仅加载三个外部文件。http://jsfiddle.net/BqKNV/65/基本html是相同的(所以如果不输入代码就不允许我发帖...)ActionFooBar请注意,jQuery是通过