草庐IT

$bootstrap

全部标签

html - Bootstrap 4 一行中的多行

我正在尝试使用Bootstrap创建全宽页面。我有一个类似于这样的设置:ThefirstrowgoeshereThesecondrowgoeshereThethirdrowgoeshere如果我想在一行中创建一行,我该怎么做?这就是我想要实现的目标:SometitleGridperhapsMoregrid所以基本上我想将标题放在一行上,将一些网格放在另一行上。这里棘手的部分是,我想在中间放置一些4列宽的列,然后在左右两侧有“2列填充”。我的问题可能听起来像其他人,但由于填充而独一无二。如何正确制作此布局? 最佳答案 Bootstra

javascript - Twitter Bootstrap 轮播不会在悬停/鼠标悬停时暂停

代码:$(document).ready(function(){$('#welcome-carousel').carousel({interval:5000,});});HellototheWORLD!‹›hey如果我将鼠标悬停在幻灯片上,它不会停止播放。为什么? 最佳答案 尝试(在您的情况下):$(document).ready(function(){$('#welcome-carousel').carousel({interval:5000,pause:"hover"});});根据文档:http:/

html - 如何在表头和表体之间设置 bootstrap 3 边框的样式

我正在bootstrap中对表格进行一些基本样式设置,并将单元格边框变为深蓝色。没什么特别的,而且是一张完全标准的table,但我终其一生都无法弄清楚如何设计table头和table身之间的边框。我已尽一切努力使这条线看起来与其他一切一样。谁能告诉我如何创建一个在非灰色单元格上带有边框的Bootstrap表。我的table也有响应,但这似乎没什么区别.tabletd,.tableth{border:1pxsolid#2980B9;}.table{border:1pxsolid#2980B9;}1TablecellTablecellTablecellTablecellTablecellT

html - 如何在 Bootstrap 中将 div 居中?

我想将我的7个div居中,但我真的不知道该怎么做。任何想法?我不想单独更改所有元素的边距,正如您在图片上看到的那样,与我的按钮相比,div没有居中,并且存在12列Bootstrap问题.properbut{height:180px;display:block;margin-left:auto;margin-right:auto;display:table-cell;vertical-align:middle;}.fonts{font-family:Georgia,serif;color:#4E443C;font-variant:small-caps;text-transform:non

html - Bootstrap 轮播指示器是方形的;我要他们圆

我刚刚使用Bootstrap在我的网站上成功地设置了一个3图像轮播。这是它的样子:如果您注意到,指标是方形的,我希望它们是圆形的!到目前为止,我所遵循的所有教程似乎都是正确的;我从未见过其他人的带有方形指示器的轮播。这是我的HTML:HeadingOneLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumLoremIpsumSignup!HeadingOneLoremIpsumLo

html - 如何在最大宽度上增加 Bootstrap 容器的宽度?

我放置了一个DataTable在容器类型的Bootstrapdiv中。当我在浏览器的最大宽度上运行网站时,表格的容器会添加一个滚动条并切断表格中的最后一列。我确实按照建议尝试使用container-fluiddiv类型here但这会进一步减小表格容器的宽度。在检查元素时,似乎周围的containerbody-content继承自布局页面,在表格容器的左侧和右侧添加了边距:一个可能的解决方案我正在考虑是否减少继承的containerbody-content的最大宽度的边距,但我不确定如何通过CSS做到这一点。从下面的屏幕截图中,您可以看到Deletecol被截断了,尽管表格的一侧有大量空

javascript - 在 Bootstrap 3.2 中单击时如何更改字形图标?

我想要一个指向右侧的箭头以允许用户展开侧边栏,然后将该字形图标更改为指向左侧。这样,它就指向左侧,以便他们了解如何隐藏侧边栏。然后我希望它改回默认状态。这是我目前拥有的: 最佳答案 只需使用:$('#menu-toggle').click(function(){$(this).find('i').toggleClass('glyphicon-arrow-right').toggleClass('glyphicon-arrow-left');});FiddleExample 关于javas

javascript - 动态设置 Bootstrap 3 模态标题

我为三个不同的按钮设置了相同的模式对话框。但是,根据单击哪个按钮,我需要动态设置模式对话框的标题。我认为使用jQuery在适当的javascript函数中设置标题会很简单。但是,在调试时,我可以看到标题在代码中相应设置,但是模态显示后,模态标题是空白.如何相应地正确显示模态标题?这是HTML的相关部分:×这是JSfunctiononEditJournalVoucher(gdId,rwID){$('#btnJournalVoucherEditGrid-label').val("EditJournalVoucher") 最佳答案

html - 如何在 bootstrap 3 进度条中居中放置文本?

我正在尝试使用Bootstrap3显示进度条,代码如下:60%输出截图:但是,这会导致文本“60%”显示在右侧,而不是进度条的中央。我怎样才能使这段文字居中,使其出现在中心? 最佳答案 我会在span标签上放一个类,然后把标签放在progress-bar类之前。然后将span设置为position:absolute并给progresstext-align:center:HTML:60%CSS:.progress{text-align:center;}.progress-value{position:absolute;right:0;

jquery - Bootstrap 侧边栏贴在滚动条上闪烁

我的目标是固定侧边栏,它开始很好地滚动,但是当它靠近页脚时它开始闪烁。我做错了什么?似乎Bootstrap未定并一直在#sidebar上切换.affix-bottomhttp://codepen.io/anon/pen/MJMQMrJSvar$sidebar=jQuery('#sidebar');jQuery($sidebar).affix({offset:{top:$sidebar.offset().top,bottom:function(){return(this.bottom=jQuery('#footer').outerHeight(true))}}})CSS.affix{to