草庐IT

bootstrap-grid

全部标签

html - 默认书写,在 Bootstrap 选择栏 HTML

在我的默认选择中,它显示列表“选择类型”中的第一个元素。这就是我想要看到它的方式,但我不希望它(“选择一种类型”)能够被选择并在列表中看到SelectaGenrePunkRockHardRockTurkishPopEnglishPop.wrapper{position:relative;top:326px;left:-42px;height:100%;width:100%;z-index:10;text-align:center;}从代码中可以看出,我的第一个选项似乎是默认选择。如您所见,我的选择条形码后面有我的div包装器CSS。我使用自定义Bootstrap栏。如图所示,它可以在选

html - 将 Bootstrap 样式应用于 Struts 1.x html 标记

我正在处理一些使用Strutshtml标签而不是标准html标签的遗留Struts1.x应用程序。我正在尝试在不进行功能更改的情况下使UI现代化。例如:输入字段是而不是如果我改变,至属性绑定(bind)中断,即输入字段中的值未传递给代码。如果我尝试将Bootstrap样式应用于,它不起作用。如何将Bootstrap样式应用到遗留的strutshtml标签? 最佳答案 您已将样式添加到styleClass属性。例如:或submit这是GitHub上一个非常基本的示例应用程序,它显示了这种工作方式:https://github.com/

html - Twitter Bootstrap - 仅限移动版本?

我正在为需要移动版本的客户创建网站。他们现在已经有了想要保留的网站,但只是想要一个完全不同的移动版本-所以,我想知道是否可以砍掉TwitterBootstrap,让它只使用框架的移动方面?如果我的问题没有意义,我深表歉意,如果没有,请随时提出更多问题,我会尽力更好地解释自己。总而言之,我只是想使用TwitterBootstrap设计一个网站的移动版本,但只是一个移动版本-不需要桌面版本,因为客户端域中已经存在一个。 最佳答案 正如Robin2k所提到的,'bootstrap-responsive.css'/'bootstrap-re

javascript - Twitter bootstrap 工具提示显示在模态后面

我在input-group中有一个带有span的工具提示,它显示在主模态div后面的模态弹出窗口中..这是我在表单组中的工具提示label这是我的模式:×ModalTitleloadingClose已解决我解决了这个问题:data-container="body"对于:data-container=".modal-body" 最佳答案 Modals有更高的z-index,检查它的z-index,然后给tooltip一个更高的z-index。这可能会解决它 关于javascri

html - Bootstrap 响应式产品网格

我正在构建一个基于AngularJS数据的产品网格-其中将有图像和产品详细信息(文本)文本有时会延伸到第二行,造成严重破坏。这是我的代码:{{s.Store}}{{s.Category}}{{s.ProductName}}这是它的样子:我该如何修复它以便都一样高吗?我试图在网上寻找解决方案,但我认为我已经找到了50%。请帮忙。注意:我不想隐藏内容。 最佳答案 这就是我最终为将来再次遇到此问题的任何人所做的事情。JavascriptfunctionResizeToLargestElement(element){varmaxHeight

html - 使用 yamm.css Bootstrap 全宽子菜单

我正在为我的大型子菜单使用yamm.css。我要求子菜单跨越整个页面的整个宽度,然后链接在容器内居中。这是我的代码:http://jsfiddle.net/DHQfz/17/如果你展开屏幕然后点击带有子菜单的链接,你会看到我需要得到横跨整个屏幕宽度的链接以及在1200像素容器内居中的链接希望能帮到你Linksubnav干杯 最佳答案 首先,您需要将下拉菜单设置为100%宽度并将其一直定位到左侧。.yamm.container.dropdown-menu{left:0;width:100%;}要做到这一点,.container不能有它

javascript - 带有响应式 HTML5 视频的 Bootstrap 轮播?

我正在尝试用视频制作轮播。使用图像效果很好,即使在移动View中图像也能响应。但是对于视频,宽度是响应式的,而不是高度。基本上我想用旋转木马图像但用视频实现相同的效果。我在网上尝试了很多技巧,但没有人这样做。我的视频是1024/552px尽我所能演奏fiddle。您可以看到,如果您以较小的宽度加载fiddle,它会保持相同的高度并且没有响应,但轮播/视频的宽度是(尽管它会在两侧裁剪视频)。它没有与图像相同的行为。正如您将看到的,我在第二张幻灯片中包含了一张图片,以进一步说明我的问题。https://jsfiddle.net/687bsb21/1/代码如下:Yourbrowserdoes

jquery - Bootstrap 3 更新会在 Bootstrap 对话框打开或关闭时摇动 UI。我怎样才能摆脱这种行为?

我观察到当Bootstrap对话框打开时,html的body标签跟随css。我认为这是导致UI摇晃的原因。我怎样才能摆脱这种奇怪的行为。我创造了fiddle。但是这个问题不是在那里产生的。但在我的本地环境中,我能够重现这一点。JSFiddle 最佳答案 只需将此添加到您的CSS中:.modal-open{padding-right:0px!important;} 关于jquery-Bootstrap3更新会在Bootstrap对话框打开或关闭时摇动UI。我怎样才能摆脱这种行为?,我们在S

html - 跨浏览器日期选择器组件(与移动和桌面浏览器兼容)和 Bootstrap

是否有适用于移动浏览器(Android、iOS、Windows手机)和标准浏览器的日期选择器库?如果它与Bootstrapcss兼容,并且它可以尽可能回退到本地html5日期字段,那将是完美的。请推荐一些东西。我试过了-webshims(在Android和IE中损坏)-pickadate(对它的行为不满意) 最佳答案 JQueryUI是你的friend...这是一个示例vardatefield=document.createElement("input")datefield.setAttribute("type","date")if

jquery - Bootstrap 网格系统,列太长

所以我正在为我的应用程序写一些前端,我意识到前一行和下一行之间存在间隙,因为其中一个网格元素太长,在尝试嵌套行后我仍然无法让它工作。下面是它的外观示例:https://jsfiddle.net/kkotwal94/f6d9dp98/embedded/result/ProfileMyInfoDashboardProfile{firstName+""+lastName}'sProfile{"FirstName:"+firstName}{"LastName:"+lastName}{"Section:"+section}{"Gender:"+gender}{"Location:"+lo