草庐IT

jekyll-bootstrap

全部标签

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是通过

html - Bootstrap : Striped div table

我正在使用BootstrapCSS库。我知道如何使用此库制作条纹表,但如何制作条纹div?例如,在表格中你会这样做:DateInfoPricetext1text2text3text4我需要像这样用div重复“样式”:Text1WhiteBGText2GreyBGText3WhiteBGText4GreyBG问题是:如何制作:text1,text2,text3,text4条纹? 最佳答案 使用tddiv:nth-of-type(odd|even)以下CSS3示例适用于现代浏览器tddiv:nth-of-type(odd){backgr

javascript - 带有不同图标的 Twitter Bootstrap 3 导航栏切换按钮

通过使用TwitterBootstrap3,我想为移动设备创建一个额外的导航栏。在导航栏中,我将在栏的每一侧放置2个切换按钮。左键会有经典的“三条”图标,而右键会有不同的内部图标。我想让右键在里面有“.glyphicon.glyphicon-comment”。如果用户单击该按钮,它也会切换到第二个菜单。我可以切换菜单但无法更改图标?我不能在右切换按钮中放置任何其他图标吗?(我还需要在导航栏中居中显示“某些链接”文本)fiddle:http://jsfiddle.net/mavent/WPfe3/2/TogglenavigationTogglenavigationSomelinkhere