草庐IT

jekyll-bootstrap

全部标签

jquery - Bootstrap 轮播。在底部添加分页点

如何将以点为单位的分页添加到现有轮播以进行Bootstrap。它需要通过点自动移动。对此很陌生,需要一点帮助。这是我的代码:http://jsfiddle.net/mdesignone/qXgCg/谢谢:) 最佳答案 此功能当前为slatedtobeincludedinthe2.3milestone(目前为2.1)。目前有一个pullrequest它已经实现了这个功能,我建议使用它而不是自己动手,因为一旦该功能正式集成,它更有可能与最终API保持一致。插件的源代码可以在mikaelbr'sforkoftheBootstrapproj

javascript - 在 Bootstrap 3 Accordion 中添加动态闭合面板

我使用Bootstrap3Accordion,我需要在其中添加动态面板。我有这样的东西:+------------------+|Panel1(closed)|+------------------+|Panel2(opened)|问题是,如果打开面板2,则会打开动态面板(从面板2克隆)。如果面板2关闭,则动态面板也关闭。我希望所有动态面板都关闭,只有当它们的标题被单击时它们才会打开(就像在Bootstrap示例中一样)。我该如何解决?这是我的jQuery代码。var$template=$(".template");varhash=2;$(".btn-add-panel").on("c

javascript - 下拉菜单中的 Bootstrap 下拉菜单

是否可以使用Bootstrap制作多级下拉菜单?所以这将是结构:落下:-第一个选项-第二种选择-此下拉菜单中的另一个下拉菜单-第二个下拉菜单的第一个选项-第二个下拉菜单的第二个选项-第一个下拉菜单的第三个选项这可能吗? 最佳答案 检查this它可能会帮助你。有人也问过这个问题TwitterBootstrapMultilevelDropdownMenu 关于javascript-下拉菜单中的Bootstrap下拉菜单,我们在StackOverflow上找到一个类似的问题:

html - 具有动态右侧内容的 100% 高度左侧边栏 - Bootstrap + Wordpress

我正在使用Bootstrap和Wordpress制作一个网站。这是一个2列布局-左侧边栏,右侧内容。正确的内容是动态的,并通过无限滚动进行扩展。我尝试通过多种技术使左侧边栏的高度达到100%,但无济于事。我希望侧边栏根据视口(viewport)的大小/右侧内容div的高度继续向下。我做了一个简单的fiddle:http://jsfiddle.net/ydPMr/3但如果你在我的开发页面上看到我在说什么就更好了:http://joshuawalker.koding.com.这是我的页面的基本结构:如果有人对如何使侧边栏拉伸(stretch)到全高有任何想法,我将不胜感激。谢谢!

css - Bootstrap 3 - 可滚动的内容 div

我正在使用Bootstrap3,我正在尝试制作一个可滚动的内容DIV。我有一个带有左侧导航和顶部栏的网格,在中间我有应该可以滚动的内容。当我在内容div上使用固定高度时它会起作用...但我想要改为使用100%。somecontent...CSS:html,body{height:100%;overflow:hidden;}我怎样才能让它与height:100%;一起工作?谢谢! 最佳答案 您可以为要滚动的div添加pre-scrollable类。如果你搜索.css有一个ma​​x-height但你不能编辑。所以你确定它会最大化窗口中

html - Bootstrap 4 在点击下拉菜单时更改插入符号

使用Bootstrap4,我试图创建一个带有插入符号的下拉列表(例如:指向右)。单击下拉菜单时,应更改插入符号的指向方向(例如:向下)。我有一个waytodothat/*Pleaserefertheabovelinkforfullcodedetails*/CollapsibleGroupItem#1Thiscontentishidden.css.panel-heading.accordion-toggle:after{font-family:'GlyphiconsHalflings';content:"\e114";float:right;color:grey;}.panel-head

jquery - 从 Twitter IE7 错误 Bootstrap

我在IE7中创建的站点中发现了一个错误。网站网址:http://moldipaints-dokkum.nl/productcontroller/getProductList/19在IE7中打开产品时,Bootstrap模式位于页面后面,灰色覆盖层位于顶部。和图像在模态之上。我更改了以下内容:CSSposition:relative/绝对/固定(只有模态显示不正确)cssz-index:(没有任何区别)可能修复Twitter(Github);http://jsfiddle.net/ATeaH/8/这些都不正确。我该怎么做才能完成这项工作?从元素中更新代码页面渲染px;">';//0,2,

html - 如何使 Twitter Bootstrap 工具提示看起来像弹出窗口(没有标题行)?

我想替换TwitterBootstraptooltipstyles与popoverstyles.我该怎么做?默认情况下,工具提示如下所示:弹出框默认是这样的:我希望我的工具提示是白色的,带有灰色边框,就像弹出框一样。你能帮忙吗? 最佳答案 如果您想更改工具提示本身的样式,您必须编辑Bootstrap的css文件中的.tooltip-inner类或覆盖.tooltip-inner与您自己的类(class)一起上课。边框的例子是:.tooltip-inner{border:solid1px#ccc;}

html - 如何将 bootstrap 行分成 5 等份?

我想将bootstrap行分成5等份。它包括12-col-md,那么我如何将它分成相等的5个部分?谁能帮我解决这个问题? 最佳答案 解决这个问题的一个好方法是here!BydefaultBootstrapdoesnotprovidegridsystemthatallowsustocreatefivecolumnslayout,butasyoucanseeit’squitesimple.AtfirstyouneedtocreatedefaultcolumndefinitioninthewaythatBootstrapdoit.Ical

html - 在 Bootstrap 轮播中拉伸(stretch)和填充图像

我正在使用bootstrapcarousal并且在图像高度和宽度方面存在一些问题。即使我在img属性中定义它,它仍然显示为原始分辨率。以下是我使用的代码:这里是demo无论原始分辨率如何,我应该如何将图像填充到一定的高度和宽度? 最佳答案 您可以使用background-size:cover,同时仍然隐藏用于SEO和语义目的的元素。两次都使用单个imgurl,因此没有额外的加载,并且background-sizeiswellsupported(与IE、Edge和Androidobject-fit和lackssupport不同)。Fi