-
76 votesanswersviews
单击时引导程序下拉关闭
我在一个bootstrap下拉列表中放了一个表单,但是当我单击表单中的任何字段时,下拉列表就会消失 . 我有这段代码,但我不知道在哪里放置它以防止下拉消失 . $(function test() { // Setup drop down menu $('.dropdown-toggle').dropdown(); // Fix input element click problem ... -
32 votesanswersviews
避免双击以切换Bootstrap下拉列表
我正在使用Bootstrap下拉菜单 . 问题是它在第一次点击时永远不会下降;我需要点击2次才能切换 . 我想点击事件在某种程度上被卡住了之前传播下来... 有没有办法解决这个问题? -
-1 votesanswersviews
未显示多选的下拉列表
我正在使用multiselect创建一个多选下拉列表,但我面临的问题是当我将鼠标悬停在它上面时,不会显示多选下拉列表 . 隐藏了引导类中的.dropdown-menu属性 . 如上图所示,鼠标悬停时不会打开“未选中”下拉列表 . 使用Javascript: $(function () { $('[id*=multidropdown]').multiselect({ include... -
11 votesanswersviews
mouseenter上的angular-bootstrap下拉列表,并在单击之前保持下拉菜单不被隐藏 .
首先,我知道这些帖子:Activating bootstrap dropdown menu on hoverBootstrap Dropdown with HoverHow to make twitter bootstrap menu dropdown on hover rather than click还有其他人,但还没有找到正确的解决方案,这就是我到目前为止所做的 .首先我使用angular-... -
1 votesanswersviews
防止自举功能切换下拉列表
我将引导导航栏转换为工具栏并修改了一个下拉列表(实际上是dropup)以包含2个datepicker元素: 问题是,当我选择日期时,下拉列表会崩溃 . 我的解决方案(我向其他人开放)是创建一个函数,通过添加类'open'并将该函数添加到datepicker close()函数来打开下拉列表 . function leaveOpen(){ $("#dropdownMenu2"... -
0 votesanswersviews
添加为jQuery插件使用bootstrap类的动态下拉列表
我需要在按钮点击时添加一组下拉菜单和其他控件 . 我使用这个bootsnip来实现: https://bootsnipp.com/snippets/AXVrV 但是,我想在这些下拉菜单上使用bootstrap-select . <select class="form-control" id="educationDate" name="educ... -
1 votesanswersviews
Django表单字段自定义属性分配和在模板中使用
我试图动态生成一个表单,并希望分配表单字段的缩进 . 我试图将自定义属性 offset 分配给子类中的forms.CharField . 我计划使用此逻辑从xml文件动态创建表单,其中字段将根据节点的深度缩进 . 我无法在渲染模板时检索偏移值,因此无法分配margin-left样式参数 . 最后的html输出也会显示出来 . 有人可以请帮助 . 我在这个网站上搜索了一些其他答案,看起来可以在模板中... -
1 votesanswersviews
如何在bootstrap中将输入框与几个仅sr标签对齐
我'm trying to format a form page with bootstrap, some of the inputs have visible labels and some others don' t . 根据bootstrap documentation(列大小调整部分),我必须包装"row"类来设置输入的大小,但是当我将sr-only类添加到某些标签时它... -
0 votesanswersviews
在col-md- * div类之间设置边距而不会损害页面的响应性
我想生成html代码自动获取输入作为html控件的列表与一组属性,如x,y,值等(从html页面的手工制作草图获取这些值) . 我通过使用一组算法为每个控件使用了bootstrap行类和col-md- *类 . 因此,我根据控件的x值为每个col-md- * div添加了margin-left样式 . 然后,当屏幕大小不同时,我无法对页面负责 . 请帮我解决这个问题 . -
5 votesanswersviews
标签并在表单组的同一行输入
我有一个带有标签和输入的表单组 <div class="col-md-12 form-group"> <label class="col-sm-2 col-form-label" for="name">Name</label> <input type="text&q... -
-1 votesanswersviews
Bootstrap v4“.form-row”无效
为什么Bootstrap v4中的 .form-row 不起作用?我可以使用 .row 而不是 .form-row . 我想垂直对齐表单输入,如文档中所述:https://getbootstrap.com/docs/4.0/components/forms/#form-row -
0 votesanswersviews
使用Bootstrap4表单,如果使用输入组,我需要标签
阅读Bootstrap4文档,它有输入组的概念,https://getbootstrap.com/docs/4.0/components/input-group/,这些似乎与标签相似,但与输入关系更紧密 . 我只是将非Bootstrap 4 Web应用程序转换为Bootstrap 4,它有许多包含输入字段的页面 . 所以,如果我使用输入组,我应该删除标签还是需要两者? 这是我的一个页面的截图,这是... -
0 votesanswersviews
将bootstrap.css文件链接到Play框架中的scala.html页面
我有一个bootstrap.css文件位于 C:\ Users \ comp \ Play_Framework \ test1 \ public \ stylesheets \ bootstrap.css 我需要将其链接到我的登录页面 C:\ Users \ comp \ Play_Framework \ test1 \ app \ views \ cal_login.scala.html ... -
1 votesanswersviews
Mozilla Firefox浏览器无法加载样式表[关闭]
我将客户端网站转换为响应式网站,因此将最大内部和内联css代码转换为外部样式表,以便我可以根据屏幕大小来定位元素 . 这是客户网站Photovoltaiksolarstorm.com 网站在每个浏览器chrome,opera,safari和其他浏览器上工作正常,但在mozilla上它没有加载精确的css文件似乎文件被加载到服务器缓存上的某处,所以我完全清除了我的浏览器缓存并且客户端要求服务器主机缓... -
2 votesanswersviews
使用PartialView的MVC 5 JQuery Bootstrap模式
我正在尝试学习如何使用带有显示部分视图的Bootstrap模式对话框的ajax调用 . 我创建了一个简单的MVC 5应用程序 . 我可以在模态对话框中编辑父视图中的记录,即 单击Person1的编辑按钮,调用Edit(get)控制器操作并显示包含Person1详细信息的模式 . 如果我更改年龄值并单击“保存”,则调用“编辑(后)”控制器操作并更新Person1的年龄 . 我可以为Per... -
0 votesanswersviews
bootstrap模态隐藏从服务器端mvc
嗨,我已经实现了bootstrap模式进行编辑 . 因此,当单击下面的按钮时,它将触发以下jquery以打开模态 . <button class='btn btn-s green ajax-edit' type='button' data-url='/Customer/GetEditForm/5' data-toggle='modal'> edit </button> 我... -
0 votesanswersviews
使用grunt和node-scss编译bootstrap scss时出错
我在尝试编译bootstrap scss时遇到以下错误 . 我使用 bower install bootstrap-sass-official 检索了scss文件 . Warning: bower_components/bootstrap-sass-official/vendor/assets/stylesheets/boot strap/glyphicons:17: error: non-ter... -
0 votesanswersviews
导航栏导航链接上的bootstrap下拉菜单
嗨,我是网络编程的新手(只有网络!)所以请温柔 . 我正在尝试使用bootstrap构建一个示例应用程序 . 我感兴趣的是在navbar中我希望能够在悬停时在导航链接上有下拉菜单 . 更具体地说,我需要导航链接以像往常一样运行(显示标签内容,例如点击时的某个页面),但下拉菜单显示何时悬停 . 我不能把展位'data-toggle =“tab”'和'data-toggle =“dropdown”'现... -
2 votesanswersviews
Angular UI和Bootstrap:折叠链接上的移动导航栏
通过使用Angular-UI的ui.bootstrap我有一个正常运行的bootstrap导航栏 . 对于移动导航栏,我希望在单击链接时折叠导航栏 . 切换按钮按预期运行,但我无法使用ng-click =“isCollapsed =!isCollapsed”来处理导航链接 . <div class="navbar navbar-default navbar-fixed-top&qu... -
0 votesanswersviews
Bootstrap移动导航栏链接转到URL而不是toogle
我有一个引导导航栏链接,可以在悬停时打开子菜单,并在单击时转到 href . 那很完美 . 问题在于移动导航栏 . 这些链接变为切换按钮,不会转到 href 链接 . 我需要它们在点击时转到href,仅在点击插入符号时切换 . 可以看到导航栏here -
0 votesanswersviews
Bootstrap:navbar:悬停时打开?
我有一个bootstrap 4导航栏菜单: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Navbar</a> <button class="... -
0 votesanswersviews
Bootstrap 4:Navbar仅显示折叠状态
我直接从文档中的示例中删除了Bootstrap 4导航栏: <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Navbar</a> <button... -
0 votesanswersviews
保持下拉菜单(语言选择器)始终显示在Bootstrap 4中导航的右侧
我想在汉堡包按钮前放下一个下拉菜单 . 挑战在于即使导航栏崩溃也能在同一个地方看到它 . 即使我将它置于折叠导航栏崩溃div之外,它总是会与其他导航元素一起崩溃 . 有没有比位置更好的解决方案:绝对? <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="navbar"> ... -
0 votesanswersviews
改变轮播宽度
我有一个显示不同类型图像的旋转木马 . 它们具有不同的宽度和高度 . I'm using bootstrap carousel. 有了高度,没有问题,它会在图像显示变化时发生变化 . 但是对于宽度,它总是一样(比所有图像都大,如截图所示): 我的轮播代码是下一个: <div class="container"> <div id="myCarou... -
-1 votesanswersviews
用于小图像的引导缩略图单个图像滑块(或用于更多图像)
http://bootsnipp.com/snippets/featured/thumbnail-carousel-single-image-sliding 我正在上面的链接 . 它只适用于3张图片 . 但是,如果我需要显示超过3个图像,那么我也会获得BLANK空间 . 它只显示3张图像 . 这是因为我需要更改javascript,让我解决上面的问题 . you can have a look a... -
0 votesanswersviews
动画引导旋转木马 Headers
我想在bootstrap-carousel.js中为旋转木马 Headers 添加动画效果,下面是一个关于幻灯片更改时如何设置旋转木马 Headers 元素动画的示例 http://jsfiddle.net/TuDWV/(单击“运行幻灯片更改时需要的效果”) 这是我的实际轮播,我需要对carousel-caption div类中的h1,p和href标签产生影响 . http://jsfiddle... -
2 votesanswersviews
Bootstrap轮播 Headers 不透明度
我使用Twitter Bootstrap 2.3.2创建了一个Carousel图像,但是当在较小的屏幕设备上调整浏览器/查看时, Headers 背景会失去它的不透明度 . An example可以在bootstrap网站上看到(尝试将浏览器调整为移动屏幕大小, Headers 背景更改为纯色) . 是什么造成的? 怎么能被覆盖? -
0 votesanswersviews
使用图像Bootstrap中心并调整旋转木马 Headers
我一直在玩旋转木马,使其无需拉伸即可使用图像 . 我正在尝试在旋转木马中设置 Headers ,因此它不会从图像中逃脱并与白色背景混合 . 这是代码: body { background-color: white; } .carousel-inner > .item { height: 100vh; } .carousel-inner > .item > img { ... -
3 votesanswersviews
处理Twitter引导轮播的不同高度的图像和轮播中的图像链接
处理不同高度图像的最有效方法是什么? a)我有很多图像,其中有几个比其他图像高 . 我想把它们限制在旋转木马的区域 . 但是,如果我明确定义轮播维度(例如.carousel {width:500px; height:500px;}),那么我将失去引导程序所做的自动调整大小,这对于使网站在移动网站上看起来很好是至关重要的 . b)是否可以在twitter bootstrap中为图像提供超链接/链接?... -
36 votesanswersviews
Bootstrap轮播宽度和高度
我试图为图像(宽度:100%)和固定高度做一个全宽度的自举旋转木马,但如果我将宽度设置为100%,自动高度也是100% 我不确定问题是否在我的文件中 <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <...