问题标签 [bootply]
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.
css - Bootstrap 定制:为什么要使用 LESS?
我正在考虑在我的 Bootstrap 编辑器 ( Bootply.com ) 中集成 LESS,以符合 Bootstrap定制最佳实践,并支持 mixins。
但是,我还没有确定使用 LESS 相对于简单的 CSS 覆盖的具体优势(性能和其他方面)。似乎最终LESS被编译为CSS。随着新版本的 Bootstrap 的引入,LESS 似乎只会引入更多的维护/重新编译任务。
我知道 Bootstrap 自定义可以在“bootstrap.css”之后使用自定义“theme.css”来完成。因此,如果您想更改 .navbar 颜色,我只需在“theme.css”中添加几行,例如......
然后标记看起来像:
如果这不是定制的最佳实践,LESS 如何改进它?
twitter-bootstrap-3 - Bootply: offcanvas row hight 100%
I'm trying to use the offcanvas row to create a slide-in side menu for a mobile device.
I would like the menu to have a fixed position so that it will occupy the entire length of the screen in both small and larger screens. It's a bit tricky to play with position:fixed because the whole structure seems to fall apart when I do so. I use the following structure
With the following LESS styles
css - 如何将主题应用于 bootply 项目?
这可能是一个幼稚的问题 - 但我被困住了。我创建了一个简单的(我的第一个)bootply 项目。可以在这里访问它:http: //www.bootply.com/sRefcMualY
我希望使用免费主题“Slate”来“设计”这个引导项目,可在此处获得:http: //bootswatch.com/slate/
我没有成功地将主题“应用”到我的项目中!将 css 复制到 css 窗口中可以在设计模式下工作,但如果我尝试保存它会被拒绝。
这一定是一件愚蠢而简单的事情——但我很难过!
提前致谢。
html - Bootstrap 词缀过渡宽度不起作用
我有这个代码设置: http: //www.bootply.com/RaZJoa1ufg
但是当我滚动过渡效果不起作用时,它起作用了,但我需要在两侧增加它,而不仅仅是一个。有人可以帮我解决这个问题吗?
提前致谢。
html - 为 6 个单元格配置 Bootstrap 以自动适应全屏和响应式图像
我正在尝试获得一个网格,该网格允许我有一个带有图标等角落的中心旋转木马。
我的代码是使用 Bootstrap 3 @ http://www.bootply.com/Mbi11Tfvq5#
我无法让中心单元格响应并拉入以允许显示底行。图像创建一个滚动条。
我做错了什么?
css
jquery - 如何将外部插件添加到 Bootply?
抱歉,如果这是题外话,但我正在尝试创建一个引导程序来演示我在此处提出的这个问题的 css 问题。我似乎无法将外部插件加载到 bootply 框架中。这是bootply,谁能告诉我我做错了什么。谢谢
twitter-bootstrap - bootstrap 多项目轮播适用于 bootply 但不适用于浏览器
嗨,我正在尝试制作一个多项目引导轮播,一次滑动一个项目。这正是这个 bootply 在做什么。http://www.bootply.com/94452 当我在编辑器中复制粘贴代码,当然链接 jquery 和 bootstrap cdn 时,轮播不会逐项滑动。
知道为什么吗?这是我的html:
CSS:
JS:
代码与 Bootply 中显示的代码相同,除了 bootstrap 和 jquery cdn 以及 html 中的样式表链接。
为什么它只适用于 Bootply?
javascript - javascript 更改事件在 bootply 中有效,不在本地
I would like to change a picture on the site when a selector/combobox changed. 它在 Bootply 中完美运行,但看起来更改事件既没有在本地环境中捕获,也没有在 apppot 中捕获......
这是HTML:
和 JS:
html - 在网站上显示的样式与在 Bootply 上显示的样式不同
嗨,我最近在 Bootply.com 上创建了几个页面,并尝试将它们转移到我在 Visual Studios 中创建的网站,但是,样式最终格式错误,并且看起来不像 Bootply.com 上的样子。这里有几张图片:
在 Bootply 上:
在 Visual Studio 上:
我使用 Bootstrap 2.3.2 在 Bootply 上开发它,并从这个站点下载了 Boostrap:http://getbootstrap.com/2.3.2/ ,这是 2.3.2 版本,所以我不明白为什么应该有任何如果我只是将我在 Bootply 上创建的内容复制并粘贴到 Visual Studios 上的标签中,会有所不同。这种差异不是由所用图像的差异引起的,因为在 Bootply 上,无论我使用什么图像,它都会缩放以填充轮播,并且菜单出现在图像内部而不是在图像顶部。
这是我的页面的 html,也许我添加了一些让引导程序失效的东西: