草庐IT

jekyll-bootstrap

全部标签

html - Bootstrap typeahead ajax 结果格式 - 示例

我正在使用带有ajax函数的Bootstraptypeahead,想知道什么是正确的Json结果格式,以返回一个Id和一个描述。我需要Id将预先选择的元素与mvc3模型绑定(bind)。这是代码:[Html][Javascript]$('#myTypeahead').typeahead({source:function(query,process){return$.ajax({url:$('#myTypeahead').data('link'),type:'post',data:{query:query},dataType:'json',success:function(jsonRes

html - 使用 CSS 和 Bootstrap 创建自定义复选框

我有以下使用Bootstrap框架的标记。我想实现以下目标:有没有办法使用CSS来做到这一点?我显然需要3个状态:初始:.custom-containerinput[type=checkbox]{}某种形式的悬停状态:.custom-containerinput[type=checkbox]:hover{}选中时:.custom-containerinput[type=checkbox]:checked{}谁能提出解决方案? 最佳答案 背景图片复选框替换让我们创建这个这是一个使用:before的非常简单的示例伪元素以及:checke

html - Bootstrap-3 Navbar 的透明色

我在设置bootstrap3导航栏透明度或不透明度颜色时遇到问题。我没有更改bootstrap.css或bootstrap-theme.css中的任何内容在我的菜单中,我试图将图像置于其下并将颜色设置为黑色透明或不透明的黑色,如下所示:http://i.imgur.com/f9NNwtD.png你可以看到不透明度ammount不是很高,但它是,我必须做类似的事情。当我改变任何东西时,颜色设置为白色,所以请帮助我。下面的代码:Test1Test1Test1然后启动:http://bootply.com/106966 最佳答案 .nav

javascript - 如何使用 Twitter Bootstrap 创建类似 Gmail 的布局

是否可以使用TwitterBootstrap创建类似GMail/GoogleGroups的布局,以便布局始终适合视口(viewport)(窗口高度)并且边栏和内容区域是单独滚动?--------------------------------------------------------------------------|||Fixedtopnavbar|--------------------------------------------------------------------------||||Sidebar|Contentareascrollable||scroll

html - Twitter Bootstrap 品牌仅在折叠模式下显示

我正在使用Twitterbootstrap响应式导航栏,我正在尝试弄清楚如何让品牌仅在导航栏处于折叠模式时显示。我认为可能需要一些额外的js,但我不确定那是什么或放在哪里。这是我得到的:NavigationNav1Nav2ProgramsProgram1Program2Program3ProgramAProgramBProgramC现在,品牌始终显示,但我希望它仅在折叠模式下显示,以便观众知道那是导航栏。他们不需要在大屏幕模式下看到它。任何资源都可能有所帮助。感谢您的宝贵时间。克雷格 最佳答案 解决这个问题的一个简单方法是使用Boo

html - Twitter Bootstrap 中的全宽拆分下拉按钮

我的网站上有一个地方使用了一堆button元素,样式为btn-block(来自TwitterBootstrap文档的example)。我现在想将其中一些切换为拆分按钮(example),但我似乎无法让拆分按钮和普通按钮的长度相同。我已经尝试过各种各样的事情,但我似乎无法找到一种方法来做到这一点。有没有人设法做到这一点?请记住,如果不需要,我不想对任何元素的宽度进行硬编码。(请注意,这也包括不使用硬编码百分比。)如果绝对有必要,我可以为按钮的切换部分定义宽度(因为我知道那里只会有一个箭头字符)但是想要指定尽可能少的“魔数(MagicNumber)”,以便将来保持代码的可维护性。

html - 如何将 d3.js 示例嵌入到 Jekyll 博客文章中?

我正在试验这个Jekyll主题http://richbray.me/frap/我想创建一篇博文来展示这个D3.js示例:http://bl.ocks.org/mbostock/4061502所以主要难点是如何让Markdown渲染脚本让d3.js显示它的内容。有什么想法吗? 最佳答案 有几种方法可以让它工作:嵌入在thed3example,有一个嵌入式iframe:您可以将其更改为然后,您只需将此iframe行粘贴到您的markdown文件中即可。确保前后各有一个空行。您还可以添加width="600"height="400"将属性

html - Bootstrap 列未正确对齐

我使用Bootstrap3构建了一个布局,但遇到以下问题:我有一个新闻部分设置为显示总共9个新闻元素,每行3个,总计3行。但是,它们似乎没有正确对齐。请看下图。html:Stildeviataastăzi,14:08asdasds:CELEMAIAŞTEPTATETITLURIALELUI2014ÎnarticolulpublicatluniînFinancialTimes,liderulspiritualturcFethullahGülenaratăcareeste...Stildeviataastăzi,14:08AMENINŢĂRICUMOARTEAeedfPENTRUPREŞE

html - Twitter Bootstrap 导航栏向右浮动将 div 移动到新行

您好,我正在尝试在导航栏右侧创建一个部分。我使用了div类navbar-right,它应该将divfloat到右边,但我得到了一个新行。请参阅下面的代码,谢谢!xxxHomeAboutContact'.$username.'|AccessLevel:'.$level.'|Logout 最佳答案 为了放置在导航栏的顶层,内容必须放置在类的div中:navbar-header所以不要在div中声明注销链接:改用以下类:由于您希望Brandpull-left,您可以将两个navbar-headerdiv紧挨着放置在最上面,每个方向都有一个

html - Bootstrap : tr class "warning" doesn't work in striped-table

我已经定义了一个表有些行像,,和.success和info表格行显示得很好:红色和蓝色就像它们应该的那样。但是warning行未按预期显示黄色。它们只是普通的白色或灰色斑马条纹。奇怪的是,如果我添加table-hover表的类,warning行将显示黄色,但只有在悬停时才会显示。success和info然而,行总是显示它们的颜色,悬停或不悬停。 最佳答案 关于v3.0.3的这个问题(将在v3.1中修复,只要他们发布它),一个快速/粗略的修复是添加!important覆盖到一些特定的CSS对于这个问题:.table-striped>t