草庐IT

Bootstrap5

全部标签

html - 使用 Bootstrap 平衡图像的文本叠加

我有一行包含三个图像和覆盖它们的文本。我似乎无法在单独的部分中平衡文本的左右两侧。它应该看起来像这样:我能够正确设置左侧的文本,但无法平衡右侧的文本并在各部分之间设置垂直管道,并带有右边框或左边框。.practice-areas{h1{font-weight:600;font-size:60px;font-family:'OpenSansCondensed';text-transform:uppercase;color:#ffffff;position:absolute;bottom:10%;left:50%;-moz-transform:translateX(-50%)transla

html - Bootstrap 表 colspan rowspan 问题

我想创建这样的表:我已经尝试了下面的代码,但它不起作用:EntrySlTpTpMarkOtto@mdoMarkOttoMarkOtto@mdoMarkOttoMarkOtto@mdoMarkOtto 最佳答案 替换你的通过:EntrySlTpTpTpTp 关于html-Bootstrap表colspanrowspan问题,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/466826

javascript - 在断点处将 img 移动到不同的 bootstrap col

使用Bootstrap4,我有一个有两列。在boostrap4breakpoints范围内的屏幕尺寸上md-xl,这些排列在两个大小相同的列中:col-md-6,并在sm-xs屏幕上堆叠成一列:col-xs-12.我要动蓝img红色上方img在md屏幕上(所以从一个col到另一个-见下图)。我玩过一些javascript和Node.insertBefore(),但如果可能的话,我更愿意使用Bootsrap4CSS来做到这一点。以下是我使用一些补救性javascript进行的第一次尝试-有人可以指出正确的方向吗?functionmovelogo(){varlogo=document.ge

html - Bootstrap 4 类 "my-auto"不垂直居中

这个问题在这里已经有了答案:Flexbox:centerhorizontallyandvertically(14个答案)HowcanIcentertext(horizontallyandvertically)insideadivblock?(27个答案)关闭2年前。如何使文本垂直居中?尝试了my-auto类,但它没有用,它仍然位于顶部。有人可以帮我找到问题出在哪里吗?部分代码:MACHINETOMACHINEDATALAKEONLINEDATAAPIŠVIETIMASTRANSPORTAS完整代码:https://jsfiddle.net/xqdbf5n4/1/

jquery - 在 Bootstrap X-editable 中添加加载程序图像/文本

如何在发出更新请求时将加载程序gif放入X-editable?这是我的代码:$(document).ready(function(){$('#username').editable();});superuser$('#username').editable({type:'text',pk:1,url:'/post',title:'Enterusername'}); 最佳答案 X-editable默认带有加载器gif。只需确保加载器gif是以下路径:/img/loading.gif如果您希望为loader.gif提供自定义路径,修改e

html - 仅在特殊的 div 中使用 bootstrap

我在我的TYPO3前端插件中使用了bootstrap,但我只想在一个特殊的div中使用它,这样类without_bootstrap就不会被bootstrap类所触及。例如这可能吗? 最佳答案 部分。如果你避免使用Bootstrap使用的类名,你应该没问题。但是bootstrap定义了一些tag-specific的样式,比如a{background-color:transparent}您可以通过定义这样的样式来避免这种情况:.without-bootstrap>a{/*whatever*/}例子:.wrapper{background

javascript - Bootstrap 进度条动态元素 - 动态改变宽度

我的页面上有2个进度条。一个是静态HTML版本,另一个是通过jQuery动态创建的。如果我想更改jQuery中的宽度,以便进度条正在“前进”,只有静态进度条在工作。另一个立即达到100%,没有延迟。以下是更好表示的代码:https://jsfiddle.net/gezgind/DTcHh/7133/htmlxxxxStartjs$("#report_start").click(function(){$("#reportbars").append(''+''+'Tracking950.325'+'');$("#tracking").css("width","100%");$("#trac

html - 在 bootstrap 中居中对齐 div 内容

我希望我的日期选择器位于页面中间,例如。我所在的行:显然center-block和text-center我已经尝试过-但都没有改变任何东西。通过偏移,它只会使其靠近中心,而不会完全居中对齐。我需要做什么?谢谢Calendar 最佳答案 尝试这样的事情:然后给日期选择器这样的东西:.datepicker{display:inline-block;margin:0auto;}我还没有测试过这个,但我会从这里开始。 关于html-在bootstrap中居中对齐div内容,我们在StackOve

html - Bootstrap 的叠加问题

我对CSS覆盖有疑问。覆盖图案不会在图像尺寸的整个宽度上拉伸(stretch)。左侧始终有一个小边框。有任何想法吗?http://www.bootply.com/FrnoIvUpxS.img-container{position:relative;cursor:pointer;display:table;overflow:hidden;text-align:center;width:100%;min-height:360px;}.img-containerimg{opacity:1;position:absolute;min-height:360px;width:500px;}.img

javascript - 猫头鹰轮播和 Bootstrap 宽度显示不正确

我实际上有这个问题的例子。如果您单击该链接,您将在页面的一半下方看到特色优惠。这些报价显示完全错误。它们应该是全宽移动设备,然后是所有其他设备的col-sm-3。www.exclusivecard.co.uk这只是在我向它们添加猫头鹰旋转木马后才发生的。无论如何,我都会在下面发布代码。样式#offerslide.owlItem{display:block;width:100%;height:auto;}页面title[saving][cat][expires]jquery$("#owlslide").owlCarousel({autoPlay:3000,//SetAutoPlayto3