草庐IT

$bootstrap

全部标签

html - 如何为 Bootstrap 容器设置最小高度

我在Bootstrap中遇到一些容器问题。我的目标是拥有一个与内容一样高的容器。例如:在上面的例子中,容器应该只和图像一样高。但是,即使我通过CSS将容器的最小高度设置为0px,我的浏览器也会自动在元素样式中集成594px的最小高度。浏览器中的源代码如下所示:但是在HTML文件中没有定义style元素。Chrome和IE都会出现这种情况。因此,CSS代码(最小高度:0像素;)将被忽略。CSS:.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:900px

jquery - 使 bootstrap popover 使用自定义 html 模板

我正在使用输入组文本框,我需要Bootstrap3弹出窗Eloquent能工作,弹出窗口模板应该由我定义和设计。所以我目前拥有的html是:我希望在单击输入组图标时打开弹出窗口。在这种情况下,当单击具有类glyphicon-time的跨度时,将显示或显示带有以下HTML的弹出窗口:JS写的:$(document).ready(function(){varpopoverTemplate=['','','','','','','',''].join('');$('body').popover({selector:'[rel=popover]',trigger:'click',templat

css - Bootstrap - 列表组项中的按钮

我想创建一个WebGUI,它分为两部分:不同操作的列表,实现为Bootstrap列表组和可以更改这些操作设置的详细信息区域。单击该元素应显示该操作的详细信息/设置部分。我还想要快速操作,即列表组元素右侧的小按钮。这个概念在Bootstrap中有效,但我的IDE会给我关于嵌套按钮/链接的警告。最大的问题是,这不是有效的HTML5,可能会导致错误的结果。我已经注意到的一个错误是,单击一个小按钮也会在Firefox中执行列表项操作。这是GUI概念的示例,因为这很难用语言描述:https://jsfiddle.net/drx7xhw7/ActionsDetails');">Action1Pla

html - 修复了 bootstrap 列中的 div

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭去年。Improvethisquestion我正在尝试使用Bootstrap制作一个两列响应式布局,我想在左列中放置一个菜单,在右列中放置一个图片库。我希望菜单在滚动浏览右侧图像时保持固定。困难在于我希望固定菜单与Bootstrap布局流畅。因此,虽然我不希望它在滚动时上下移动,但我确实希望它在调整屏幕大小时重新定位。这个网站是我的意思的一个例子:http://www.galeriebertrand.com/artists我似乎无法弄清楚它是

javascript - Bootstrap 单选按钮 : Get selected value on submit form

我有下一个boostrap单选按钮:MondayTuesdayWednesdayThursdayFridaySaturdaySunday我试图在提交表单时获取事件按钮的值,而不创建“onclick”事件,只是从$('#filterDay')按钮组中获取事件按钮。应该很容易,但我没有找到获得值(value)的方法。我尝试了几个示例,但都有效。有人可以帮忙吗?谢谢!更新:这是html“打印”代码:SaturdaySunday类中的“事件”是单击按钮时发生的变化。 最佳答案 在表单提交处理程序中使用:checkedselectorvarf

html - 删除 twitter Bootstrap 表的第一行

众所周知,当您使用TwitterBootstrap获取表格时,您会得到如下结果:是否可以删除表格的第一行,即“AbosGirolamo”上方的行?谢谢更新:这是表格的代码:AbosGirolamoAboulkerIsabelleAdamAdolphe 最佳答案 .table>tbody>tr:first-child>td{border:none;}@importurl('http://getbootstrap.com/dist/css/bootstrap.css');table{margin-top:50px;}.table>the

html - 根据屏幕大小隐藏和显示 bootstrap 3 类

对于某些人来说,这似乎很容易,从我所写的内容来看,我似乎会做我想做的事,但遗憾的是,情况并非如此,我有两张图片,每张图片都会根据屏幕显示大小,所以对于HTML中的第一个,我放置了hidden-md、hidden-sm、hidden-xs这给我的印象它只会在大屏幕上显示,第二个我只想在平板电脑上可见/mobiles所以我已经分配了visible-sm,visible-md和hidden-lg但是当我调整浏览器大小时第一张图片并没有消失当我最小化到平板电脑尺寸时,但是它确实消失了将浏览器最小化到移动设备大小时,有人能发现我做错了什么吗? 最佳答案

jquery - Twitter Bootstrap Tabs 事件类切换不起作用

我正在使用Twitterbootstrapnavtabs和navpills。这是我的html代码:HomeScoreLeaderboardsTopRulesPlayerCategories现在,如果我添加属性data-toggle="pill"和data-toggle="tab",则具有事件类的选项卡将更改为我单击的选项卡。但是,href不再有效。如果我不使用这些类,href可以工作,但事件类不会改变,它始终保留在页面加载时指定类的元素。我什至尝试使用jQuery来切换类行为,但效果不佳。我的脚本代码是:$(window).load(function(){document.getEle

html - Bootstrap 3 容器上的 box-shadow

我正在使用Bootstrap构建一个小网站。基本结构如下所示:.row{height:100px;background-color:green;}.container{margin-top:50px;box-shadow:0010px10pxblack;/*THISdoesnotworkasexpected*/}onetwothree查看实际效果:http://jsfiddle.net/ZDCjq/现在我希望整个网站的所有4个边都有阴影。问题是,bootstrap网格使用了负边距,这使得行与阴影重叠。有没有办法在保持所有Bootstrap功能完好无损的情况下完成此操作?编辑:预期的结果

html - Bootstrap 打印 CSS 去除背景色

当我使用bootstrap时,它会在我尝试打印我的页面时从所有内容中删除背景颜色。我网站上的几乎所有内容都使用Bootstrap类,因此我想避免在Bootstrap之外使用大量手动CSS。我发现bootstrap使用@mediaprint来删除背景颜色。我也在使用Bootstrap主题(联合主题),它也删除了背景颜色。theme-united.css@mediaprint*,*:before,*:after{background:rgba(0,0,0,0)!important;color:rgb(0,0,0)!important;-webkit-box-shadow:none!impo