草庐IT

$bootstrap

全部标签

javascript - Bootstrap 表单验证在没有控制台错误的情况下无法正常工作

这是Simpleform.这是JS代码:$(document).ready(function(){$('#ledgerHolderjHolderFormEdit').bootstrapValidator({feedbackIcons:{valid:'glyphiconglyphicon-ok',invalid:'glyphiconglyphicon-remove',validating:'glyphiconglyphicon-refresh'},fields:{JH_INIT:{validators:{notEmpty:{message:"'FirstName'isrequired."

jquery - 在 Bootstrap 4 中调整导航栏

我有一个导航栏,我在上面使用了splitbuttondropdowns和没有下拉菜单的常规nav-items。我有一些工作,但我正在尝试让导航元素填充浏览器窗口。我已经看到对可以执行此操作的“工厂”Bootstrap类的引用,但我无法使其正常工作。我有两个问题:在Bootstrap4中执行此操作的“工厂”方法是什么?为什么按钮元素之间的间距不一致?body{padding-top:70px}.vcenter{display:inline-block;vertical-align:middle;float:none;}/*CSSmenu*/.navbar,.navbar.btn-seco

javascript - 从 Bootstrap 中删除页面顶部空间

在我的代码中,我的页面顶部有一个持续的空白,似乎是由Bootstrap设置为标记的。我通过Firefox的检查器进行了搜索,但一无所获。试图增加margin:0;填充:0;对标签也没有做任何事情。这里的#introdiv应该在最上面,但是空格出现在它上面。TestTogglenavigationMapMyCashLinkLinkDropdownAction@RenderBody() 最佳答案 您将不得不覆盖默认的css。在您使用的默认BootstrapCSS之后添加以下CSS:body{padding-top:0px;margin-

html - 如何在 bootstrap 3 typeahead 下拉列表中设置自定义 html 模板

我写了下面的代码:$('#pretraga').typeahead({hint:true,highlight:true,minLength:2},{name:'kategorije',displayKey:'value',//`ttAdapter`wrapsthesuggestionengineinanadapterthat//iscompatiblewiththetypeaheadjQuerypluginsource:kategorije.ttAdapter()});有人提示如何为下拉项设置自定义html模板吗?提前致谢 最佳答案

html - Bootstrap 导航栏 100% 宽度不起作用

在我的bootstrap导航栏上,即使导航栏位于图像顶部,我也试图在页面上显示完整内容。但我已经在.navbar-wrapper和navbar和navbar-default上尝试了width100%但由于某种原因,导航栏仍然会不会占满页面宽度。实例这是我的代码笔CodeView这是我的代码笔FullView问题如何让我的导航栏宽度达到100%以达到整个页面的宽度?CSS/*Specialclasson.containersurrounding.navbar,usedforpositioningitintoplace.*/.navbar-wrapper{position:absolute

jquery - 主 div 之外的 Bootstrap 轮播指示器不会自动切换

我有最新的Bootstrap,并且在我的页面某处有一个旋转木马,指示器在主旋转木马div之外。我的轮播:/assets/img/home-bg-1.png)">/assets/img/grass.jpg)">/assets/img/grass2.jpg)">/assets/img/grass3.jpg)">然后我在页面的其他地方有我的指标:当轮播切换图片时,指示器不会改变。我还必须使用变通方法让他们在单击时更改轮播。总结:我的轮播效果很好。我的轮播指示器位于轮播div之外。指示器不会在轮播时自动切换。我不得不使用jQuery解决方法来修复点击指示器时的问题。

javascript - svg 上的 Bootstrap 弹出窗口

根据w3schools.com,为了使弹出窗口出现在链接旁边,我需要使用的是这个HTML:Togglepopover我的问题是:当我点击一个svg元素时,如何让弹出窗口出现?我试过这个:基本上,我所做的只是在链接中粘贴一个svg形状,但它不起作用。单击svg时如何显示弹出窗口?如有任何帮助,我们将不胜感激。 最佳答案 我找到了解决方案。制作弹出窗口时,Bootstrap会在父容器内生成一个div元素。显然,当它在svg中时,这是行不通的。所以这里是解决方案,给它一个data-container设置为body你也可以去掉a元素,直接将

html - bootstrap 下拉菜单中 dropdown-toggle 类的目的是什么?

无论有没有dropdown-toggle,下拉菜单都能完美工作应用于的Bootstrap类元素,那么为什么首先要使用它呢? 最佳答案 dropdown-toggle类在:focus上添加了outline:0;到按钮,所以当你点击按钮时它不会有“事件”元素周围的蓝色边框。检查接下来的两个按钮:DropdownsThe.dividerclassisusedtoseparatelinksinsidethedropdownmenuwithathinhorizontalline:Tutorials-noborderHTMLCSSJavaScr

html - 使用 twitter-bootstrap 时使文本区域缩放到网页

我正在尝试使文本区域根据页面大小进行缩放。即我试图让文本区域填充第二个容器和页脚之间的空间。HTML:MySiteMysiteDomainTestTest2ErrorfooterCSS(sticky-footer.css):/*Stickyfooterstyles--------------------------------------------------*/html,body{height:100%;/*Thehtmlandbodyelementscannothaveanypaddingormargin.*/}/*Wrapperforpagecontenttopushdownf

html - 无法在 bootstrap 3 上将 div 居中

自从我将Bootstrap从2.1升级到3.0后,我无法将很多div居中例如这段代码:testAmIcentered?Back我有这条规则:#center{margin:0auto;}但结果是:或者另一个例子,如何居中:aaaaaaaaabbbbbbbbbbccccccccccccaaaaaaaaabbbbbbbbbbcccccccccccc谢谢你的帮助 最佳答案 为了使block级元素居中,使用margin:0auto;它还必须具有小于其包含block的宽度(为了使auto值有意义)-因为#container跨越其父级()的宽度,