twitter-bootstrap相关内容

使用 Twitter Bootstrap 切换单选按钮,获取表单输入的简洁方式是什么?

我正在使用 Twitter Bootstrap 的 Javascript 单选切换按钮,并且想要获取表单基于切换状态的输入. 我能找到的最简单的方法是在按钮中添加一个不可见的标签 -- 这里是有用的 jsFiddle 某人吐出的例子. 它工作得很好,但它仍然有点杂乱无章.我的问题是:从这些按钮获取表单输入的干净方式是什么,即没有额外的隐藏单选输入? 解决方案 怎么样 $(th ..
发布时间:2022-01-21 23:27:31 前端开发

simple_form 使用 <image>( X ) 标签与 twitter 引导程序渲染单选按钮组?

我尝试了一段时间使用 simple_form 创建下面的示例,但是 + 标签并修复了一些样式.任何人都知道如何解决: 删除 2 不知道它们来自哪里(在生产中似乎很奇怪的 i18n 错误,它会在其中抛出一大堆 I18n) 在单选按钮后添加“男性"或“女性"文字 是下面代码的结果: .clear= f.label“性别"= f.collection_radio_buttons(:ge ..

将引导程序添加到 symfony 应用程序的正确方法是什么?

我正在使用 symfony 框架 3 来开发 Web 应用程序.我需要将 boostrap 的功能添加到我的应用程序中.我使用以下命令安装了引导程序.(我正在使用作曲家.) composer 需要 twbs/bootstrap 它将引导程序安装到应用程序的供应商文件夹.更具体地说是 vendor\twbs\bootstrap. 我需要将引导程序的 css 和 js 文件附加到应用程序的 ..
发布时间:2022-01-21 20:24:56 其他开发

角度 ui-router 维护选项卡之间的状态

想知道在选项卡之间保留状态的最佳方式.我使用引导选项卡和角度 ui-router.我在其中一个选项卡中有一个谷歌地图,并且不想在用户选择该选项卡时重新加载地图.请指教. 谢谢 解决方案 我想你在找什么在这个问题中讨论:https://github.com/angular-ui/ui-router/issues/63 他们主要在讨论 iframe,但我相信 Google 地图也应 ..
发布时间:2022-01-21 17:00:03 其他开发

如何扩展引导​​类

我正在使用 Bootstrap Twitter 做我的第一步,并且需要扩展组件.例如,我想更改导航栏背景,但不更改原始 css 文件. 我尝试用新的背景创建一个新的类.test: .test{背景颜色:红色!重要;} 我在 hmtl 中将其调用为: 但是,它不起作用.怎么会这样? 解决方案 ..
发布时间:2022-01-21 11:00:24 前端开发

如何根据屏幕大小使用 CSS 隐藏或显示内容?

就像 Bootstrap 一样,Ionic (Ionic 3) 允许我们使用 col-sm-8、col-md-6 根据屏幕大小调整列的宽度, col-lg-4.Bootstrap 还附带了诸如 visible-xs、hidden-sm 等类,使我们能够根据屏幕大小显示或隐藏内容.Ionic 3 是否附带任何可以让我们做同样事情的东西? 解决方案 我将以下 CSS 类从 Bootstrap ..

jqGrid + twitter bootstrap (2.1.0):导航栏改变风格

我正在想办法解决这个问题,但我似乎无法找到解决方案. 我正在使用 jqGrid 4.4.1 (jQuery UI 1.8.23),我刚刚开始使用 twitter bootstrap. 正如您在这个 fiddle 中看到的,导航栏很乱. 页面选择器元素比应有的长得多. 这是一个 fiddle 与 jqGrid 没有 twitter 引导. 有没有人可以帮助我解决这个问题? 还有其 ..
发布时间:2022-01-19 14:16:15 其他开发

如何访问引导网格系统中的某些列?

在引导网格系统中,有 12 列,col - *- * 类用于将一定数量的列组合在一起.但是当我想使用前 3 列,然后只使用最后一列时,我该怎么做,也就是说,如何在单行类中使用某些列而不是其他列? 就像我制作页眉时一样,我在左侧给出标题,在页眉右侧给出某些其他文本,我假设我可以在这里有效地使用网格系统,因为我可以访问某些列. 解决方案 使用 .offset-* 类(.col-md-of ..
发布时间:2022-01-19 13:18:33 前端开发

清除部分页面的引导样式

我正在尝试在我的一个页面上为 html 编辑器设置预览框.我制作了一个标准的 样式容器,我偶尔会在其中放置我的 html 源代码,并且效果很好. 问题是,引导程序的样式正在渗入容器并“毒化"我的预览.我看到了两种解决方案: 将预览移至 iframe 对我托管预览的元素应用某种清除/重置 css 例如: ..
发布时间:2022-01-19 13:09:36 前端开发

Wrapbootstrap 集成

大家下午好, 我无法将此模板集成到我的 rails 应用程序中.我已经更改了所有图像并将所有文件加载到它们的相关区域.但是他们仍然有子目录. 有谁知道我可以浏览的指南,它可能会解释你是如何做到这一点的,尤其是包括革命滑块,它有一个完整的 CSS 和图像子目录. 正在使用的模板: https://wrapbootstrap.com/theme/pixma-responsive ..
发布时间:2022-01-19 12:57:14 其他开发

什么是命令“指南针手表"的等价物?对于 LESS CSS 预处理器?

我使用 SASS 作为 Drupal 主题的 CSS 预处理器.如果我使用 $ compass watch,在命令行的哪个位置.它会持续观察 .scss 文件的变化并应用于 .css 文件. 只是我正在尝试 Bootstrap 主题,我正在使用 LESS CSS 预处理器,我每次都必须使用 $ lessc less/style.less css/style.css应用更改. LESS ..
发布时间:2022-01-19 12:55:35 前端开发

我可以重新设计所有 Bootstrap 元素的巨大“资产页面"吗?

http://twitter.github.com/bootstrap/base-css.html 查看所有示例元素,例如 h1、h2、h3、inputs 等? 我正在寻找一个简单的网页,其中包含每个 Bootstrap inputs/forms/elements/etc,仅此而已. 然后我可以让我们的设计师用他自己的样式修改基础 CSS 文件,并可以刷新资产页面以查看他的所有更 ..
发布时间:2022-01-19 12:40:54 前端开发

创建具有 6 个角度而不是 4 个角度的自定义 HTML div

我想创建一个特殊的 HTML div,它有 6 个角度而不是 4 个角度.我希望 6 角 div 的文本内容相应地调整形状.有什么办法可以做到这一点?我想使用 2 个(未嵌套)div 元素(或可能的其他 HTML 块元素). 解决方案 float 就是为此而生的. .box {宽度:400px;填充:20px;边框:2px 实心;背景:浅蓝色;剪辑路径:多边形(82px 0,100% ..
发布时间:2022-01-19 12:38:04 前端开发

如何检查 Twitter 引导程序是否已加载?

如何检查页面上是否加载了 bootstrap.js 文件(bootstrap.js 文件本身可能会被编译/缩小为另一个更大的 JS文件)? 解决方案 您需要做的只是检查 Bootstrap 特定的方法是否可用.我将在此示例中使用模态(适用于 Bootstrap 2-4): //如果加载了引导程序,则为真,否则为假var bootstrap_enabled = (typeof $().mo ..
发布时间:2022-01-19 12:26:04 前端开发