草庐IT

Bootstrap5 徽章(Badges)

全部标签

javascript - Twitter Bootstrap 粘性子导航在它应该在较短的页面上之前变得固定

我实现了一个自动float的子导航栏,直接取自BootstrapdocsCSSandJS,在我正在处理的网站中。它只出现在一个View中,但这是一个RailsView,因此它是根据加载的对象动态生成的。我发现,当出现在子导航栏下方的内容足够长时,子导航栏的行为会按预期工作-subnav-fixed类会在子导航栏滚动时立即添加看不见。但是,如果页面比这短,子导航栏将在它实际超出View之前固定,这会产生非常刺耳的跳转,更不用说您可以看到该栏曾经所在的空间,您应该看不到。我应该补充一点,我使用的是固定的(主)导航栏,并考虑了适当的主体填充。问题似乎出在返回的$('.subnav').off

javascript - Bootstrap Material 设计无法在动态 Angular View 中正常工作

我将material-bootstrap脚本包含在我的Angular项目的index.html中,但它们需要手动重新包含在View中才能工作。这很奇怪,因为对于插入到Angular中的所有其他脚本来说,这不会发生。index.html我还注意到material-bootstrap不能很好地与Grunt和Bower配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。这些是Material-boostrap和Angular/Bower/Grunt的已知错误还是我做错了什么?如果您还需要什么,请告诉我!编辑:bower.json中的依赖"dependencies":{"angul

javascript - 垂直菜单 Bootstrap 和 Angular

我正在尝试创建这样的垂直菜单site.我正在寻找的是:当菜单折叠时,子菜单用悬停打开,当菜单打开时,子菜单在链接下方打开。这是我的JSFiddle,我所做的是:点击按钮后我可以打开菜单。子菜单正在工作(最后一个)但是我不想在菜单折叠时打开子菜单。Angularvarapp=angular.module('myApp',[]);app.controller('mainCtrl',function($scope){$scope.noneStyle=false;$scope.bodyCon=false;$scope.sasd="asd";//Togglethestyles$scope.tog

javascript - Bootstrap 表单验证验证同一表单组内的所有字段

我在验证表单时遇到问题。我的html是:AddressAddress1CityEmirate输出是现在的问题是我需要内联显示它们,所以我将它们放在同一个from-group中,这在验证时产生了问题。我没有任何邮政编码验证。但是在验证任何城市/酋长国验证是否失败时,邮政编码也显示为红色。我不想要的。我的问题是如何如图所示内联显示它们,同时将它们保存在单独的表单组中,这样验证就不会受到影响。 最佳答案 不难,用同样的HTML结构就可以实现原因:postalcode输入在不需要且未设置验证规则的地方突出显示为红色,因为它在中其中addre

javascript - 如果通知计数为零,我想要我现在拥有的(框),但如果它不为零,我希望将框更改为带有通知计数的徽章

我有一个有效的通知系统。现在,无论是否有通知,通知都会出现在中。就像计算器一样。但我的愿望是当有通知时,我希望盒子变成一个notificationcount再次就像堆栈溢出一样。所以我尝试删除一个特定的类,该类在ifcount==0时更改框的形式,并在count不为零时添加该类。我也尝试设置设置间隔,但它不起作用。你能帮帮我吗?下面是我在导航栏中的内容,我设置了通知框和徽章。notificationcount下面是我显示通知的ajax函数$(document).ready(function(){$(".notification-toggle").click(function(e){e.

javascript - 如果输入值仅包含时间,则初始化 Bootstrap 日期时间选择器时出现 JS 错误

我正在使用DateTimePicker我想加载一个唯一的时间选择器。我像这样初始化我的输入字段并且效果很好。这只让我挑次jsfiddle:$('#datetimepicker_hour1').datetimepicker({language:'es',format:'hh:ii',minuteStep:60,autoclose:true,minView:1,maxView:1,startView:1});如果我想用预选的时间初始化此输入,则会出现JS错误:"UncaughtTypeError:Cannotreadproperty'getTime'ofundefined"但如果我像这样输

javascript - 用于 Bootstrap 的 Jquery 折叠和展开插件

我一直在使用Bootstrapcollapse在我的网站上。有没有我可以在我的bootstrap站点中使用的jquery,它可以像这样工作。示例我有一个评论区。示例评论将是这样的。Loremipsumdolorsitamet,consecteturadipiscingelit.Phasellussitametsuscipitmagna.Sednislipsum,tempusquistinciduntnon,molestieegettortor.Sedscelerisquemagnaarcu,nonhendreritloremvehiculaut.Vestibulumvulputatee

javascript - Angularjs datepicker popup bootstrap-ui 在 View 中不起作用

我是一个angularjs和bootstrapui新手!我的日期选择器弹出窗口在我包含的View中不起作用。如果它在View之外,它会起作用。即如此处所示任何帮助将不胜感激。但是,因为我使用的是ngRoute方法,所以我需要在部分html中编写我的View并包含在主index.html中。内联日历不显示,弹出日历也不显示。我无法找出问题所在,但我认为date-picker.html无法引用我的index.html中的脚本和样式。我在日期选择器hmtl中还有其他包含的Pane,它引用了index.html中的脚本和css。任何帮助将不胜感激。下面是代码:**index.html**Som

javascript - Bootstrap optgroup 选择

我正在使用bootstrapselectplugin使用bootstrap3.0.2,它满足了我的大部分要求。我想要的唯一附加功能是能够通过单击选择一个optgroup。例如,我想像选择其他选项一样选择野餐(下图),Bootsrapselectpage 最佳答案 这与Bootstrap关系不大。HTML中的optgroup不是为选择而设计的。我的建议是将它们放在一起,让它们成为普通的option类,并以不同的方式设置它们的样式。但是请记住,许多浏览器都限制了您如何设置options的样式,因此请确保您在多个浏览器中对此进行测试。

javascript - Bootstrap Typeahead 不显示 valueKey 以相同值开头的建议

我正在使用typeaheadv0.11.1来显示结果,但它没有显示以相同结果开头的结果。我从数据库中得到的结果是这样的:Object{Id:4,Title:"projectmanager",Description:"projectmanager",CompanyId:1}Object{Id:6,Title:"SoftwareDeveloper",Description:"SoftwareDeveloper",CompanyId:1}Object{Id:7,Title:".NETDeveloper",Description:".NETDeveloper",CompanyId:1}Obje