Tag: twitter bootstrap 3

使用X-editable可以在现有bootstrap3水平forms中编辑多个字段

我使用Bootstrap3进行前端开发,使用PHP进行后端处理。 我试图在我的一个页面(用户配置文件)中使用x-editable插件,其中我有几十个带有可编辑字段的表单。 每个表单都是为了接受注册用户的不同细节,因此具有所有类型的输入(文本,日期,数字,电子邮件等)。 我的要求是: 假设我有10个不同的片段,每个片段都有一个表单来接受一组特定的信息[例如 基本细节或联系方式或爱好等]。 我想为一个表单创建一个“ 编辑”按钮以使其所有字段都可编辑,使用单个“ 保存”按钮来保存更新的数据(在validation它们之后)和“ 取消”按钮。 我想发送一些隐藏的字段和表单。 我已经有一个高度定制的Validation插件()对我来说非常好用,我可以使用它而不是内置支持吗? 因为,我在该插件中做了很多改变以满足我的要求,我不想再次经历这个循环。 这是我想要的演示 Contact Information Name: Email: Phone Number: Address: Cancel Submit 查看此表单的JSFiddle 。 如果有人可以为此做至少x可编辑的工作,我将会很有帮助。 PS:我是JSFiddle的新手,所以我不知道如何在那里进行基本的可编辑工作。 下次我会发布一个完全正是我尝试过的小提琴,而不是基本的html。 提前致谢。

HTML帮助器 – 向TextBoxFor添加工具提示

我有一个带有一些属性的模型,我在它们上面添加了注释,特别是 [Display(Name=”MyName”, Description=”This is a sample description”)] 注解。 我有一个表单,我使用Html.TextBoxFor()帮助器,我想添加一个引导工具提示到该控件。 工具提示的内容将是“描述”注释中的文本。 如何才能做到这一点? 我应该创建自定义扩展还是可以通过其他方式检索描述? 提前致谢

Bootstrap 3.0.0打破了datepicker图标

这是演示 如果您使用2.3.1,取消注释第12行,您将看到按钮正确显示 有谁知道如何修复版本3.0.0-rc1?

Hide Bootstrap 3 Modal&AngularJS重定向($ location.path)

我在AngularJS App中使用bootstrap 3模式作为对话框确认。 当我隐藏模态并重定向模态的背景仍然存在。 $scope.delete = function () { DataService.delete() .then(function () { $(“#delete”).modal(“hide”); $location.path(“/”); }); } 我试过在隐藏上使用回调 $(“#delete”).on(‘hidden.bs.modal’, function () { $location.path(“/”); } 但是这种延迟很多。 有一个更好的方法吗?

如何确定当前使用的网格选项

我使用Bootstrap 3作为使用PHP和HTML创建的网页。 使用Bootstrap 3上的响应网格和类,您可以为div分配多个类,以根据当前屏幕大小定义不同的宽度 – 例如: … 这是指使用col-lg表示大型设备, col-md表示中型设备, col-sm表示小型设备, col-sm x表示超小型设备的屏幕尺寸。 它按预期工作,但我想知道如何确定Bootstrap目前正在使用哪些类,以便我可以在屏幕上显示当前大小的版本。 有没有办法可以使用PHP(或jQuery)确定上面哪个网格选项/ col类当前是活动的? 我自己找不到合适的解决方案。 蒂姆,非常感谢。

怎么做bootstrap tipsy tooltip multiline

如标题所示,我如何将工具提示分成两行? 我也会使用一些html标签(比如span或p)。 我已经尝试过html实体,但它不起作用。 Some<br> text

如何在bootstrap daterangepicker中禁用特定的日期范围?

我想在bootstrap daterangepicker中禁用特定的日期范围。 我需要使用bootstrap daterangepicker,它为我提供了限制特定日期范围的选项。

如何在Bootstrap 3 Carousel中输出当前幻灯片编号?

我想使用Bootstrap 3的Carousel插件输出当前的幻灯片编号。 理想情况下,我希望将此文本作为旋转木马div下方的文本。 例如: [CAROUSEL HERE] 3的9 我可以使用CMS中的函数输出图像总数(例如上面示例中的9),但我无法弄清楚如何获取活动幻灯片(例如上面示例中的3)。 我已经搜遍了所有并且找到了一个似乎就是这样做的线程: 如何获取旋转木马的总数和当前幻灯片数 不幸的是,我认为上述线程中的解决方案在Bootstrap版本3中不起作用。或者我可能只是弄乱了一些东西。 有谁知道这是否可能? 我真的希望它是! 任何帮助或建议将不胜感激。 谢谢!

Twitter Boostrap – 获取popover textarea和输入值

我试图在提交时获取Bootstrap popover中的输入值,但我得到一个空值。 Popover link Lorem Ipsum Submit test $(‘.popover-markup>.trigger’).popover({ html: true, title: ‘Get value’, content: function () { return $(this).parent().find(‘.content’).html(); } }); $(document).on(“click”, “#mysubmit”, function () { var inputval = $(“#myinput”).val(); alert(inputval); return false; }); http://jsfiddle.net/onigetoc/RvLrA/

Bootstrap 3 /显示模式不能与javascript方式一起使用

我使用Bootstrap 3.0的Modalfunction。 我有这个代码: Open the modal containing the content //nested content will be inserted here 当我点击锚点(链接)时,整个工作=>我看到带有内容的模态。 但是,当我使用Javascript方式(而不是链接)来显示这样的模态: $(‘#myModal’).modal(‘show’); 我只看到淡化效果而没有显示模态… 当我开始点击链接,然后调用javascript,它的工作原理。 (副作用?) 当我以javascript方式启动时,即使链接仅显示没有模态的淡入淡出效果。 可能是.. modal Javascript方法的一个错误? 有关信息,我使用的脚本的声明顺序正确: