草庐IT

jekyll-bootstrap

全部标签

html - 在 Bootstrap 3 中的面板之间添加空格

我正在使用Bootstrap3.0,但似乎无法弄清楚如何在面板之间添加填充/空间。FirstCellSecondCellThirdCell我尝试添加一个类并将宽度设置为30%,但只有当您有两个面板并将其中一个拉到右边时它才有效。如果我添加边距,那么它会关闭响应,最后一个单元格会掉到下一行。如何响应式地在面板之间添加间隙? 最佳答案 我倾向于不组合.panel和.col*:http://jsfiddle.net/isherwood/xTc7a/1/FirstCellSecondCellThirdCell

javascript - 如何创建动态 Bootstrap 多选

我正在尝试使用Bootstrapmultiselect,我使用了以下代码html和脚本$(function(){$('#btn').click(function(){varval=$("#addRow").val();varhtm='';htm+=''+val+'';$('#chkveg').append(htm);});$('#chkveg').multiselect({includeSelectAllOption:true});});我尝试将每个选项动态添加到Bootstrap多选中,但它无法正常工作演示页面在这里:http://jsfiddle.net/pL4hg76b/1/但它

javascript - Bootstrap 菜单在单击时更改 li 事件类

我通过Bootstrap有以下菜单HTMLHomeAboutWorkContact我怎样才能改变单击家庭或工作时类激活?以下不适合我$("#homeL").on("click",function(){$(".navnavbar-navli").removeClass("active");$(this).addClass("active");}); 最佳答案 已更新您的css选择器似乎有误。请尝试如下所示,$(".navli").on("click",function(){$(".navli").removeClass("active

html - Bootstrap 获取 div 居中对齐

我试图让页脚上的一些按钮与中心对齐,但由于某种原因它似乎不起作用。HellothereReRs我不确定我是否需要使用CSS使其位于中间,或者我是否应该只使用对齐,但没有任何效果 最佳答案 在Bootstrap中,您可以使用.text-center居中对齐。还将.row和.col-md-*添加到您的代码中。align=已弃用,为演示添加了.col-xs-*HellothereReRs更新(2017年10月)对于那些正在阅读本文并想使用新版bootstrap(测试版)的人,您可以使用BoostrapFlexboxutilitiescla

jquery - 我还能在 Bootstrap 弹出窗口上使用 'title' 属性吗?

我正在尝试在激活Bootstrap弹出窗口的链接上使用“title”属性,而无需将其实际添加到弹出窗口本身。基本上,我为激活它们的链接使用图标,但是当我添加“标题”标签时,它不会使用通常会弹出带有标题的内容的工具提示。我已经做了很多谷歌搜索,但我还没有找到一种方法来在使用它时仍然使用标题标签作为工具提示。如果我必须为弹出窗口更改为另一个库,那很好,但如果不需要,我宁愿不这样做。预先感谢您的帮助!这里有一些代码可以说明我的意思。您可以看到前两个使用popover和title属性,它会自动添加到popover并完全跳过工具提示。但是第三个不使用弹出窗口,仍然允许像往常一样使用标题标签。

html - 输入组内的 Bootstrap 按钮

如何让它在相同高度的输入页面后好看?这是代码http://jsfiddle.net/6mcxdjdr/第一个是原始输入组,第二个是我想要的东西 最佳答案 如果你关注bootstrap'sdocumentation: 关于html-输入组内的Bootstrap按钮,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/38219032/

html - 在 Bootstrap 按钮中自定义文本大小

我正在尝试使用TwitterBootstrap创建一个“从AppStore下载”按钮。我遇到的问题是试图使“AppStore”文本大于其上方的“从以下下载”文本。这是我正在使用的HTML和CSS。.fixed-hero.hero-text{padding-top:90px;width:65%;color:#fff;font-family:CenturyGothic,sans-serif;font-size:2.2em;line-height:1.5em;}.fixed-hero.hero-button{padding-top:60px;width:65%;}.btn.btn-large

html - 表格中的响应图像 (bootstrap 3)

我正在使用Bootstrap3Framework并且遇到了一些问题Firefox中的“img-responsive”类。我有一个4列的表,布局为15/50/10/25%。第一列是一张大图,应该缩小到15%。但这仅适用于Chrome/Opera,但不适用于FF/IE(图像没有响应,因此太大)。我的代码:BezeichnungZeitraumOrtABC555XYZ这是BS3中的已知问题吗?我找不到任何东西。编辑:http://jsfiddle.net/cctyb/-在Chrome中有效,在FF中图像太大 最佳答案 将.img-resp

jquery - 从 Bootstrap 工具提示中删除透明度

来自twitterbootstrap的标准.tooltip有一个我想删除的透明度。这是我的HTML:MERKNAD2Valgene11-16gjelderbærendekonstruksjoner,valgene21-24gjelderkunintegritet,valgene31-37gjelderbådeintegritetogisolasjon,valgene41-46gjelderbærendeskillerkonstruksjonermedisolasjonskrav,ogvalgene51-54gjelderseksjoneringsveggerogdekker.">Hov

html - Bootstrap 4布局,一列宽度固定

这是我的html代码:fixed100px363你能帮我修复我的代码吗?我需要固定宽度的左侧列,它将有100px。此列尚未调整大小。我需要的其余空间应该可以按1:2:1的比例动态调整。感谢您的帮助。 最佳答案 @DenisStephanov,您可以使用以下css规则创建一个不会收缩或增长且宽度固定的flex元素:.flex-fixed-width-item{flex:00100px;}这是flex-grow、flex-shrink和flex-basis的简写。您可以在此CSS-Tricksarticle中阅读有关这些属性的更多信息.