草庐IT

Bootstrap5

全部标签

css - 在哪里放置 Bootstrap 行类

我对Bootstrap和响应式设计的概念相当陌生。我正在阅读bootstrap文档并遵循w3schools上的一些教程。所有提及col-单个row中必须=12类(class)。他们还提到您可以组合不同的col类别和大小示例我没有得到的是什么时候应该用打破视口(viewport)当你组合不同的类时colsizes?考虑以下情况,我希望移动设备显示2行和2列,而在桌面设备上显示4行的单列考虑rows中的所有列必须=12,行类需要在移动和桌面的不同点上关闭...?我将如何解决上述问题,希望这个问题是有道理的。谢谢 最佳答案 您的密码是co

javascript - 当导入为 HTML 模板时,Frame Web VR 可防止从 Bootstrap 滚动

在Aurelia框架应用程序中导入aframea-scene作为模板时,我目前遇到了一个问题。我试图在相关的stackoverflow问题上找到帮助,但没有一个将点连接在一起:因为AFrame基于Three.js,这是我能找到的最相似的问题,但尚未得到解答(https://github.com/mrdoob/three.js/issues/3091).我在我的home.html文件中集成了AFrame场景如下:从我的home.js导入aframe否则场景不会被渲染:导入'aframe';现在看来这个导入覆盖了一些Bootstrap滚动功能,但我不明白为什么。注意:谷歌Material设

html - 列之间有边框的 Bootstrap 网格

我如何制作一个包含一行和两列的Bootstrap网格。第一列大小为9col-md-9,第二列大小为3col-md-3,无论内容在列内的长度有多长,行和列都会很好,并且它们之间有边界。我该怎么做?它应该看起来像这样:不是这样的:这是一个jsfiddle.row>div{background:lightgrey;border:1pxsolidgrey;}HifgdfgsdfgHifgdfgsdfgHifgdfgsdfgHifgdfgsdfgHifgdfgsdfgHifgdfgsdfgHifgdfgsdfgHifgdfgsdfgHifgdfgsdfgHifgdfgsdfgHifgdfgsdf

jquery - Bootstrap - 总是汉堡菜单

我对Bootstrap有疑问。例如,当我在codepen中检查我的代码时,导航栏是响应式的,从可见链接变为汉堡菜单,但如果我在我的文档中检查它,它总是汉堡菜单,无论它是大分辨率还是小分辨率。你能帮助我吗?我正在尝试解决它,但我不知道发生了什么。body{background-image:url("img/bg.png");font-family:'Raleway',sans-serif;}Onas(current)FeaturesPricing 最佳答案 您需要使用“navbar-expand-lg”或“navbar-expand-

javascript - 如何在 Bootstrap Modal 上添加一个 Loading Spinner 动画

我正在尝试在button单击时制作微调动画。当没有BootstrapModalOpen时,这在页面上工作正常。但是当BootstrapModal打开时,Spinner隐藏在BootstrapModal后面我试过了this期望Spinner位于ModalBootstrap之上 最佳答案 更改loadingoverlay的位置。loadingoverlay必须在模态中。Example还需要为javascript微调器提供setInterval。 关于javascript-如何在Bootstr

html - Twitter Bootstrap 选项卡和 bootstrap-select 溢出问题

我使用twitterbootstrap和这个插件来选择菜单https://developer.snapappointments.com/bootstrap-select/.当我尝试将此选择应用于选项卡内的内容时遇到问题。http://jsfiddle.net/gbGdY/1/demo来说明问题。在标签外部,一切正常,但在标签内部-溢出无法正常工作。此外,如果我尝试覆盖制表符溢出(像这样).tab-content{overflow:visible!important;}然后我遇到了另一个问题-菜单下拉并扩展到全高。所以,我的问题是如何避免这个问题,并使选择菜单在选项卡内像在选项卡外一样工

html - 如何在 bootstrap 中添加指向图标的 <a> 链接?

我有以下内容:WebsiteLink和有人可以向我解释一下如何在bootstrap中将这些与我正在使用的很棒的字体图标结合起来吗?我把在里面或在里面或者两者都需要在内? 最佳答案 把在里面例如,WebsiteLink 关于html-如何在bootstrap中添加指向图标的链接?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/18566608/

html - Bootstrap 单选按钮 : radio circle removal

我正在尝试为我的网站使用Bootstrap。我有单选按钮,我正在尝试使用Bootstrap中的“按钮”。HomeHome1Home2我面临的问题是,我仍然在单选按钮中看到圆圈,而在Bootstrap示例中,我看不到这样的圆圈。http://getbootstrap.com/javascript/#buttons-usage你能告诉我我在这里缺少什么吗? 最佳答案 如果css版本更新不起作用,另一种选择是使用css手动隐藏单选按钮[type='radio']{display:none;}

javascript - Bootstrap 3 : responsive HTML popup

如何使用Bootstrap3制作响应式HTML弹出窗口?HTML,Usethisdocumentasawaytoquicklystartanynewproject.AllyougetisthistextandamostlybarebonesHTMLdocument.E-Mail:Password:LoginI'mdesperated!SometextCSS|HTML5CSS,/*HTMLPOPUP--------------------------------------------------*/.center-pane{margin:auto;position:absolute;t

html - 出现滚动条时如何阻止 Bootstrap 3.1.1 向左移动内容?

我正在使用Bootstrap3.1.1,当我有一个页面由于内容很多而需要垂直滚动条时,Bootstrap将html正文移动超过-15像素以为垂直滚动条腾出空间。这对Bootstrap模式来说是个大问题,但我相信它已在3.0.1中修复。有什么想法、技巧或技巧可以避免这个问题吗? 最佳答案 使滚动条始终可见,因此在从长页面来回切换时不会出现视觉跳动。CSS:html{overflow-y:scroll;} 关于html-出现滚动条时如何阻止Bootstrap3.1.1向左移动内容?,我们在S