草庐IT

Bootstrap4

全部标签

javascript - 悬停时在链接中显示 Bootstrap 字形

当我将鼠标悬停在链接上时,我试图在链接的右侧显示Bootstrap字形图标。我试过同时使用CSS和JS,但它就是行不通。所以我需要一些帮助:)这就是我想要做的:WhenihooverFoo,Iwantthepencilicontoshow.等等。当我也将“栏”和“这是一个链接”放在一起时,也会发生同样的情况我也希望它是一个按钮。这是html的样子:FooBarThisisalink谢谢你的帮助:) 最佳答案 答案已更新:检查这个fiddle,希望这正是您要找的,//htmlFooBarThisisalink//javascript$

html - 如何减少默认 Bootstrap 图标 glyphicon glyphicon-chevron-right 的厚度?

我尝试使用图标glyphiconglyphicon-chevron-right在我的设计中显示方向,但我需要比默认尺寸更细的图标。那么如何减少glyphiconglyphicon-chevron-right的默认Bootstrap图标的厚度我的代码是:- 最佳答案 当前的bootstrap有更多的图标,包括一个叫做glyphicon-menu-right的更细的箭头。您总是可以寻找替代图标字体。那里实际上有几十个-有些是免费的。或者雇人来创建您需要的图标。或者自己做,例如FontForge.

html - 如何减少默认 Bootstrap 图标 glyphicon glyphicon-chevron-right 的厚度?

我尝试使用图标glyphiconglyphicon-chevron-right在我的设计中显示方向,但我需要比默认尺寸更细的图标。那么如何减少glyphiconglyphicon-chevron-right的默认Bootstrap图标的厚度我的代码是:- 最佳答案 当前的bootstrap有更多的图标,包括一个叫做glyphicon-menu-right的更细的箭头。您总是可以寻找替代图标字体。那里实际上有几十个-有些是免费的。或者雇人来创建您需要的图标。或者自己做,例如FontForge.

html - 不同大小的 Twitter Bootstrap 响应图像不成比例地调整大小

我是在Bootstrap上使用img-responsive类的新手,我有以下页面:我希望图像以相同的比例显示在那里,例如右侧的图像。我添加了这个CSS并将该类应用于图像,但是当我调整窗口大小时,响应式调整大小不成比例。.imageClip{width:350px;height:255px;overflow:hidden;}使用添加的CSS调整大小的示例:这是我的代码:{$servicio.ser_nombre}{$servicio.ser_descripcion}More我想知道是否有一种方法可以在不按比例调整大小的情况下做到这一点。谢谢 最佳答案

html - 不同大小的 Twitter Bootstrap 响应图像不成比例地调整大小

我是在Bootstrap上使用img-responsive类的新手,我有以下页面:我希望图像以相同的比例显示在那里,例如右侧的图像。我添加了这个CSS并将该类应用于图像,但是当我调整窗口大小时,响应式调整大小不成比例。.imageClip{width:350px;height:255px;overflow:hidden;}使用添加的CSS调整大小的示例:这是我的代码:{$servicio.ser_nombre}{$servicio.ser_descripcion}More我想知道是否有一种方法可以在不按比例调整大小的情况下做到这一点。谢谢 最佳答案

html - Bootstrap .center-block 没有按预期工作

JSFIddle。我想使用Bootstrap使中心对齐。我只想要两样东西1)使ul居中对齐2)作为ul的width不应该像20%或类似的东西。我希望它是width:auto;因为li的数量是动态的。我试过下面的代码2015&20142013201220112006-2010...Otherdiv 最佳答案 isitnotwhatjustifiednavdoes?还请记住,在使用.center-block时,您需要添加float:none;,因为它在bootstrap中缺失使ul居中对齐.center-block{displa

html - Bootstrap .center-block 没有按预期工作

JSFIddle。我想使用Bootstrap使中心对齐。我只想要两样东西1)使ul居中对齐2)作为ul的width不应该像20%或类似的东西。我希望它是width:auto;因为li的数量是动态的。我试过下面的代码2015&20142013201220112006-2010...Otherdiv 最佳答案 isitnotwhatjustifiednavdoes?还请记住,在使用.center-block时,您需要添加float:none;,因为它在bootstrap中缺失使ul居中对齐.center-block{displa

jquery - Bootstrap 模式打开时如何防止背景滚动

我正在使用Bootstrapv3.0.2。想要在模式打开时禁用背景滚动。我试过:.modal-open{overflow:hidden;}但它不起作用。我发现这个问题的解决方案是:.modal-open{overflow:hidden;position:fixed;width:100%;}但是position:fixed;在chrome页面底部(小于100%View)和大屏幕(100%View)在打开和关闭模式。如何摆脱它?(我的模式包含可滚动的字段) 最佳答案 使用height:100%使.modal-open适合整个屏幕。最终使

jquery - Bootstrap 模式打开时如何防止背景滚动

我正在使用Bootstrapv3.0.2。想要在模式打开时禁用背景滚动。我试过:.modal-open{overflow:hidden;}但它不起作用。我发现这个问题的解决方案是:.modal-open{overflow:hidden;position:fixed;width:100%;}但是position:fixed;在chrome页面底部(小于100%View)和大屏幕(100%View)在打开和关闭模式。如何摆脱它?(我的模式包含可滚动的字段) 最佳答案 使用height:100%使.modal-open适合整个屏幕。最终使

html - Bootstrap 列表组中的垂直对齐文本

我正在尝试使用bootstrap3vertical-alignlist-group-item中的文本和按钮。我试图让父a有display:table;和内部divadisplay:table-cell;这样我就可以使用vertical-align:middle。但上面的方法无法解决问题,这里有一个codepen我创建了重现问题的方法。虽然出于某种原因,如果我在SO片段中发布相同的代码,它似乎可以正常工作。但是,当我在我的HTML文档中呈现它时,它不起作用。a{overflow:hidden;display:table;}a>div{display:table-cell;vertical