草庐IT

jekyll-bootstrap

全部标签

jquery - Bootstrap 3 导航栏动态折叠

我正在寻找解决Bootstrap导航栏大小调整问题的解决方案。目前,导航栏在被压缩之前可以有一种“重叠”效果。(我知道这是由于媒体查询)这里使用媒体查询来指示何时紧凑,但是我正在寻找一种解决方案,它只会在“.navbar-nav”和“.navbar-right”之间没有剩余空间时调整导航栏的大小'.这很重要,因为“.navbar-nav”和“.navbar-right”具有动态宽度。(换句话说,有时“.navbar-nav”将包含1个列表项到5个列表项。“.navbar-right”的相似之处在于它是一个文本字符串,可以是3个字符到可能的100个字符长甚至更长。下面是一个plunker

html - 使用 Bootstrap 在选择选项中添加搜索功能

我一直在尝试使用Bootstrap在选择表单中添加搜索功能。这是我的代码:DepotslistCountryChinaMalaysiaSingapore我对选择表单中的form-control和selectpicker类之间的矛盾有疑问。我的代码仅适用于form-control类。对于选择搜索,我使用了这个:https://developer.snapappointments.com/bootstrap-select/examples/#live-search我的问题是:如何在select标签中同时使用form-control和selectpicker类?我用正常的程序用空格写了类名。

javascript - Twitter Bootstrap Modal 在显示中向上滚动页面

单击触发Twitter引导模式弹出的链接会导致浏览器向上滚动页面。此行为仅发生在Chrome中。这是一个演示页面:http://www.turizmburosu.com/test2.aspx页面有600行链接,导致页面正文超过窗口高度。如果单击这些链接中的任何一个,它会显示模态对话框。在Chrome中,单击初始View下方的任何链接都会导致背景页面向上滚动(并不总是完全滚动到顶部)。我使用以下函数来触发模态框的显示:functiontest(id,imp){$("#modalLabel").html("Header");$("#modalBody").html("Body");$("#

html - 将文本提示添加到移动 View 上的 Bootstrap 导航栏切换按钮

一些测试表明,移动设备上可折叠菜单的“汉堡包”按钮对用户来说是个谜,我想在移动View中看到的Bootstrap菜单按钮旁边添加“菜单”一词。如需进一步阅读,请查看这篇文章:“汉堡包对你不好”:http://mor10.com/hamburger-bad/这是基本的Bootstrap代码:Togglenavigation因此,我想在移动设备上的图标旁边添加“MENU”一词。我制作了我正在谈论的模型,但我在SO上没有足够高的声誉来发布它。在这里查看:https://imgur.com/M7hGS7F仅供引用,这是一个模型,实际的Bootstrap页面不包含MENU文本,否则我只会查看源代

css - Bootstrap 中不能出现 "pull-right"图标字形

我想在下拉菜单中拉出右图标字形,如下所示Dropdown2-levelDropdownActionAnotheractionSomethingelsehereAnotheractionOnemoreseparatedlink但是当我在FireFox(Chrome和IE都可以)上运行这段代码时,“icon-arrow-right”和“2-levelDropdown”不是同一行。我该如何解决?FullcodeonJSFIDDLE 最佳答案 2-levelDropdownjsfiddle 关于

html - 更改 Bootstrap 的表单颜色

我的Bootstrap站点中有一个简单的表单,但我想要的不是基本的白底灰文本,而是灰背景白文本。我能够处理灰色背景,但我似乎无法更改占位符或输入文本颜色。一点JSFiddle行动。这是我的HTML标记:SendClear这是我尝试过的CSS,背景颜色更改有效,但占位符或文本无效。#Email,#Fname,#Message{background-color:#666;}#Emailplaceholder,#Fnameplaceholder,#Messageplaceholder{color:#FFF;}#Fnametext{color:#FFF;} 最佳答案

html - Bootstrap Multiple Items Carousel(一次显示多个轮播元素)

这个问题在这里已经有了答案:Bootstrapcarouselmultipleframesatonce(16个答案)关闭去年。如何在Bootstrap4中实现多元素轮播?文档提到了多个轮播,但没有提到包含多个元素的轮播。

javascript - Bootstrap - 警报错误不起作用

我正在编写一个网络脚本来处理VPS的创建和销毁。在管理页面上,我使用TwitterBootstrap显示成功和失败消息的警报。问题就在这里,.alert-successdiv有效,但.alert-error无效。我的大部分代码(除了PHP脚本)都发布在Pastebinhere上.我有一些关于它在InternetExplorer11上的截图here.请注意警报成功区域有效。我使用CustomBootstrap来更改字体,仅此而已。我是使用getbootstrap.com网站创建的,所以我怀疑是不是那个网站。 最佳答案 他们已将aler

html - Bootstrap : CSS - height of list-group-item

请考虑遵循JSFiddle:http://jsfiddle.net/7W2r4/12/您可能会注意到:list-group-item已完全折叠。而且我似乎无法使其自动调整。(例如height:auto;)然而,当我提供css规则时:height:20px;,然后调整行大小。如何使列表组元素的高度适应内容的大小?感谢您的宝贵时间。 最佳答案 如果您需要在元素中保留float,您可以将overflow:hidden或其他“明确修复”代码添加到列表组元素。float总是会导致float元素的高度出现问题。清除它们或设置溢出将强制正确计算高

javascript - 单击按钮时防止 Bootstrap 模式打开

我有一个包含多个Bootstrap模式的页面:data-toggle="modal"data-target="#modal-12345"问题是,我有一个可点击的整个表格行,比如模态内容位于正下方的另一个隐藏表格行中,然后是下一个可点击行,依此类推。现在,该行还包含一个按钮,单击该按钮将转到另一个页面。我需要整行都可以点击,这样它就可以打开模态框,除非单击转到另一页的按钮,然后我需要停止打开模态框。我需要这样的东西$('.ID').on('click','.btn',function(e){e.stopPropagation();})但是针对这个:data-toggle="modal"我