草庐IT

Bootstrap5

全部标签

javascript - alvarotrigo.com/fullPage/和 bootstrap 3 网格问题

我正在使用alvarotrigo.com/fullPage/以获得漂亮的整页效果。我也在使用bootstrap3网格系统,它看起来像:现在,我们看到3列,全部在部分中关闭,并且此html创建了3列View,没问题。但是对于较小的视口(viewport),这三列转换为3个全宽列,这是个问题,因为整页,js现在在滚动时跳过第二和第三列,所以如果我滚动到#section,我只看到第一个div,如果我向下滚动,动画将转到另一个部分,跳过2和3div。我创建了简单的插图。div2和div3显示为灰色,表示在动画期间将跳过这些div。我的问题是,我可以在fullpage.js上进行设置或进行一些调

javascript - 投票箭头,如带有 Bootstrap 的堆栈溢出,如何减小字形图标元素的大小并使它们更紧密

你好,我正在尝试实现像堆栈溢出这样的投票系统,我已经完成了后端//整个功能,但是我在UI中显示它们时遇到了问题。现在,箭头看起来相距太远,数字也不是很居中。另外,如果可能的话,我希望在单击/取消单击时切换箭头的颜色。我试过这个,但不断弄乱用户界面。有人可以帮我吗?先感谢您。//upperarrow{{post.get_vote_count}}//numbergetsdisplayedhere//underarrow我还有一个js文件用于这次投票functionvote(node){varthread_id=node.attr("href").split('\/')[2];$.ajax(

html - Bootstrap3 表单不会在移动设备上保持布局

我创建了一个包含日期线(日、月、年)和下方时间线(小时:分钟)的表格。这些字段是文本输入,因为它们应该很少更改,而只是接受并提交表单。布局看起来像我想要的,无论是在PC上还是在平板电脑上-但在使用移动设备时,它会将所有5个输入字段放在单独的一行上并且全宽。即使手机上有足够的空间。Copyofmyhtml下面的代码片段以内联方式显示了它在移动设备上的外观和全屏时在PC上的外观。我希望它在PC和移动设备上看起来也一样。 Dato Tid : 最佳答案

html - 100% 高度与 twitter bootstrap 和 container-fluid

我看到过很多关于div占据100%屏幕的问题,但没有一个完全符合我的要求。我想最接近的是:Howtohavemultiplecolumnsthatconsume100%heightusingtwitterbootstrap?这个的问题是它没有使用twitterbootstrap约定,而且我还有一些额外的div嵌套。相关代码片段在这里:ProjectnameHomeAboutContactMenuContent以及指向jsFiddle的链接:http://jsfiddle.net/djMJX/18/我需要什么:container-fluiddiv(#app-container)应该到达页

html - 将日期选择器添加到 JetStrap 页面 (Twitter Bootstrap)

刚刚今晚开始使用JetStrap来构建一些非常基本的条目表单。很多很酷的工具和领域,但没有日期选择器。(Checkitoutifyouhaven't!)其他主题讨论了这是用TwitterBootstrap完成的,但不是很直接......我能否通过从其他网络资源(例如Google托管的库)中拉取来扩展JetStrap页面中可用的库/控件以添加额外的功能?我是Web前端工作的新手,希望尽可能多地使用JetStrap进行工作,而不必在本地下载代码并设置我自己的本地IIS站点。 最佳答案 我是Jetstrap的创建者之一。我们将很快添加一个

html - 是否可以使用 CDN 仅对 div 应用 Bootstrap ?

我使用twitterbootstrap设计了一个包含一些内容的div。现在我想生成这个页面的一个片段,这样其他用户就可以将这个片段复制粘贴到他们的页面中。但问题是,不能保证它们都会使用bootstrap,所以这个代码片段在非bootstrap站点上不起作用。我也添加了一些自定义的CSS类。我可以使用样式标签在代码片段中添加这些样式。如果我想以同样的方式添加Bootstrap样式,那将是巨大的。是否可以为特定的div使用bootstrapCDN?这样Bootstrap样式就不会影响该页面的其他部分。还是有其他方法?这是片段:LoginEmailaddressPasswordPrimary

jquery - 将可拖动的 div 与 jqueryUI 可排序和 Bootstrap 一起使用(光标与 col-xs-6 中的 div 保持距离)

我想用jqueryUI和bootstrap制作一个可拖动的div,就像这样fiddle但是当我想在最后拖动第三个div时,它需要与光标的距离。$(function(){$(".columns").sortable({});}); 最佳答案 我想你可以使用cursorAt:{left:Value,top:Value}来设置你的鼠标位置 关于jquery-将可拖动的div与jqueryUI可排序和Bootstrap一起使用(光标与col-xs-6中的div保持距离),我们在StackOver

javascript - 如何使用 Bootstrap 创建类似响应式选项卡的导航栏?

如何使用Bootstrap创建类似响应式标签的导航栏?我的要求是制作像Bootstrap导航栏一样响应迅速的选项卡。我试过这样......ToggleLinkLinkLink谁能帮忙.... 最佳答案 我找到了一个有用的插件来做到这一点trythisresponsivetabs当到达CSS断点时,选项卡将转换为Accordion。您可以使用此插件作为在桌面、平板电脑和移动设备上优雅地显示选项卡的解决方案。 关于javascript-如何使用Bootstrap创建类似响应式选项卡的导航栏?

javascript - 如何将 Bootstrap 轮播与侧边栏菜单相结合?

我花了很多时间来创建与我当前的Bootstrap轮播齐平的侧边栏。这是我当前网站的样子:http://i.imgur.com/lwEox4a.png这是我在用户单击媒体对象按钮后要实现的目标:http://i.imgur.com/nbNVDLy.png一段时间以来,我一直在尝试这样做,侧边栏最终总是将图片向下移动,在箭头上方,或完全在旋转木马的后面。有人可以帮助解决这个问题或向我展示实现此目的的模板吗?此外,这是一个单一的页面设计,所以如果您也知道无论您在网站的哪个部分,侧边栏基本上都保持卡住在页面左侧的方法,请告诉我!谢谢编辑:网站materializecss是我的目标。我什至不关心

javascript - 添加 Bootstrap 工具提示会修改元素本身的样式——如何阻止这种情况发生?

JSFiddlehere我正在尝试向现有页面添加工具提示。我们已经在使用bootstrap2.3,所以它似乎是显而易见的选择。我的html看起来像这样,比如://initializetooltips$(document).ready(function(){$('.my_button').tooltip();});buttonnnnn我的CSS看起来像:.my_button_row{height:100px;border-bottom:1pxsolid#E5E5E5;width:500px;display:table;border-collapse:separate;border-spa