问题标签 [jasny-bootstrap]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
twitter-bootstrap - 键盘选项卡焦点
我在 Jasny 引导程序中使用文件输入。一切都很好,除了键盘选项卡焦点字段没有突出显示。请给我一个解决方案。谢谢
twitter-bootstrap - Jasny 关闭画布推送菜单 - 如何在我网站的某些页面上显示打开?
我在我的网站上使用了offcanvas 推送菜单。我希望在页面加载时在我网站的某些页面上打开菜单,但是切换仍然可以让查看者关闭它/如果他们愿意再次打开它。
我如何将菜单设置为仅在某些页面上打开?(所有页面都使用相同的模板,因此我只能将自定义 js 添加到此模板中)。
我一直在查看文档中的方法和 venets,但无法弄清楚如何做我需要的。
我已经在我希望菜单加载打开的页面模板中尝试了“显示”方法:
它通过在菜单打开的情况下加载页面来工作;但放在“画布”(身体)上 - 而不是像往常那样将身体从画布上推开。除了将这个额外的 jquery 添加到我的页面之外,我使用了与Jasny 示例中相同的代码。
看小提琴
非常感谢!
javascript - 带有较少预编译器的 Jasny Bootstrap - 无法修改较少的变量
提前感谢您的阅读。
使用 CDN,我将以下 API / 库合并到我的项目中:
我也在导入jquery
但less
不使用 CDN 这样做。
less
我在添加 Jasny Bootstrap(上图)之前使用的文件运行良好;我的 main.less 文件less
在导入 Jasny 集之前从 Bootstrap 导入所有变量和 mixins。Main.less
看起来像这样:
当我从 Jasny Bootstrap 实现“Off Canvas”组件时,它也可以正常工作;出现一个画布外菜单并将所有内容推到右侧。
但是,当我尝试更改一些 Jasnyless
变量时(或者通过将它们添加到我的main.less
文件 [正如我上面所做的那样],或者直接在jasny-variables.less
文件中更改它们 [main.less
从同一目录导入]),我没有看到任何结果。
具体来说,我试图将 的值更改@navmenu-width
为小于默认值。然而,无论我给它什么价值,在任何一个来源中,它都不会改变。
建议?
javascript - Jasny Bootstrap Off Canvas 'Reveal' 方法 - 故障排除
已经设法让 Jasny Bootstrapoff canvas
组件工作。它有一些不同的响应设置,但默认为“推送”选项:(http://jasny.github.io/bootstrap/examples/navmenu-push/)。
我想启用“显示”选项,并一直使用以下代码片段(直接来自 Jasny BS 站点)作为示例:
正如“显示”页面(http://jasny.github.io/bootstrap/examples/navmenu-reveal/)上的说明所述,我有:
1)将内容包装在一个div(targetDiv
上面)中,然后将canvas选项(我相信是data-canvas
)设置为等于那个div;即data-canvas="#targetDiv"
。
2) 从导航中删除offcanvas
类,myNavmenu
并通过 less 将其 z-indez 设置为 0。
我得到的与示例不同:http: //jasny.github.io/bootstrap/examples/navmenu-reveal。我做错了什么?
javascript - Jasny Bootstrap 更改
我正在寻找我的管理模板的侧边栏,我想使用 jasnybootstrap。我的目标是调整内容的大小并且不要翻译出屏幕。
类似的效果是这个http://startbootstrap.com/template-overviews/simple-sidebar/
我希望有人能告诉我是否有可能获得这样的结果。
提前致谢
twitter-bootstrap - 如何更改显示关闭画布导航栏的视口宽度?
使用Jasny Bootstrap Off canvas 插件,可以将.navbar
移动站点的 as off canvas 菜单显示为如本示例所示。
默认情况下,对于小于 768 像素的视口宽度,布局会切换到关闭画布菜单。
如何更改此设置以显示 1280 像素或更小的画布菜单?
javascript - 在关闭 Jasny Off 画布时调用函数
我在我的一个网页中为 Offcanvas 推送菜单实现了 jasny bootstrap。每当我单击按钮时它就会打开。但是,当我再次单击按钮或 Jasny Off-canvas 外部(正文)的任何位置时,它会关闭。
每当 jasny off-canvas 关闭时,我如何调用函数。我搜索了事件,但是当画布打开时,只有 body 类被附加到 (.canvas-slid) 并且这个类在关闭时被删除。
我实现的 Jasny 画布是:http: //jasny.github.io/bootstrap/examples/navmenu-push/
css - Jasny Bootstrap 在带有粘性页脚的移动屏幕上关闭画布导航
我在我的响应式网站上使用了一个粘性页脚,以及 Jasny Bootstrap off canvas nav 插件(这很棒,顺便说一句)。但是,我注意到在内容不多的页面上,当在移动设备上(sm 和 xs 大小)时,当关闭画布导航打开时,粘性页脚会跳到内容的底部。有没有其他人经历过这个,或者知道解决方案?我只对 sm 屏幕尺寸和更小的屏幕使用 off canvas nav,所以这在网站的桌面版本上不是问题。在这些情况下,页脚不会保持“粘性”,而是跳到内容的底部,在下面留下一个空隙。
链接到我正在谈论的屏幕截图(还不能上传图片)
javascript - css, jasny fileinput - 旋转缩略图
我正在尝试使用 jasny 文件输入控件来实现图像缩略图预览。由于我的照片可能需要旋转,我添加了额外的旋转按钮。我遇到的问题是,当图像不是正方形并且旋转时,它会从缩略图空间中部分截断。这是 JSFiddle http://jsfiddle.net/cumqod2n/
只需预览一些图像并尝试旋转它 - 明白我的意思。
编辑 1
请在此处找到更新的示例:http: //jsfiddle.net/cumqod2n/4/。如您所见,我只是将“旋转”类移动到文件输入 div。它允许我旋转图像并完全显示它。但是,我还有另一个问题 - 当图像从横向变为纵向时,它已被下面的按钮重叠。
所以我的下一个问题是 - 如何相应地调整图像下方的按钮?
twitter-bootstrap - Jasny 的引导上传不起作用
我正在使用 jasny Upload,该功能非常好,可以立即预览图像,我面临的问题是:文件名在转储中显示为abc.jpg
简单的表单提交和 jasny 的上传器的明显区别:
在 Coldfusion 中,我们上传一个文件并转储一个文件,它显示了一些tmp file
在末尾包含 a 的长字符串,而在 jasny 的上传功能中,它显示了上传的文件名 say abc.jpg
,所以我认为这就是问题所在:
因为我的coldfusion上传代码总是说一个错误:
虽然 Jasny 的代码在里面是这样的form
并且form
有 enctypemultipart/form-data
代码:
冷熔代码: