Tag: twitter bootstrap

不能在Bootstrap中提交我的模态表单

Django初学者需要帮助！ 我试图以模态forms上传图像，问题是我无法提交我的模态…当我点击提交按钮时，实际上并没有真正开心…已经挣扎了2天……我正在使用Bootstrap V 1.0.4从网上尝试了一些JS代码，但它们都没有为我工作……任何想法我该怎么办？ 谢谢……这是我的模态： × آپلود عکس کاربر گرامی لطفا قبل از آپلود عکس به موارد زیر توجه نمایید: حداکثر حجم قابل قبول برای فایل ارسالی 8 مگابایت می باشد فرمت های تصویری مجاز: jpg , Gif , PNG در صورت ارسال عکس های غیراخلاقی عکس و طرح شما به هیچ وجه منتشر نخواهد […]

Bootstrap开关返回“开/关”而不是“真/假”

Bootstrap有大量使用，很多人比我更聪明，所以我确定我要指出的问题是完全没有问题，我只是错了，但…… 。 我有一个表单，其中一个复选框使用bootstrapSwitch()转换为开关 这是我的HTML 并且js： $(“#Resend”).bootstrapSwitch(); 这会在我的页面上生成一个整洁的自举切换开关。 该页面发布到ASP.NET MVC4控制器方法，该方法需要模型中的布尔值。 public class MyModel { public bool Resend { get; set; } } 当我发布此表单时，我的Resend布尔值始终为false。 为什么？ 因为bootstrap开关的值是on而不是true 。 我不想将我的模型从布尔值更改为字符串，因此我不得不在jquery中截取post并将复选框的值更改为true如果它已on 。 这似乎是我的倒退。 当然如果在复选框上使用bootstrapSwitch()它应该产生true/false而不是on/off 我错过了什么吗？

根据所选选项的宽度调整选择元素的宽度

我希望select元素的默认选项值的宽度更短。 当用户选择另一个选项时，select元素应调整自身大小，以便整个文本始终在元素中可见。 我已经在问题中找到了一个解决方案， 根据选择的OPTION宽度自动调整SELECT元素的大小 ，但它不能用于bootstrap，我不知道为什么。 这是我的尝试： $(document).ready(function() { $(‘select’).change(function(){ $(“#width_tmp”).html($(‘select option:selected’).text()); // 30 : the size of the down arrow of the select box $(this).width($(“#width_tmp”).width()+30); }); }); .btn-select { color: #333; background-color: #f5f5f5; border-color: #ccc; padding:7px; } select { width: 60px; } #width_tmp{ display : none; } All Longer A very very long string…

Twitter-bootstrap模式未显示在页面加载（灰色屏幕）

我试图在页面加载时出现一个twitter-bootstrap模式对话框，用于某个视图。 我这样做是使用代码： $(window).load(function(){ $(‘#shareModal’).modal(‘show’); }); × Modal header One fine body… Close Save changes 在页面加载时，屏幕显示“灰色”（淡出）而不显示模式，而不显示模式。 任何人都知道会发生什么事吗？ 谢谢。

如何在导航列表（twitter bootstrap）中保持活动链接？

我希望在单击链接时显示活动链接（例如，当用户在link1上时，该链接保持活动状态）（我正在使用Symfony2和Twitter引导程序） Link Link Link 编辑 菜单的模板作为一个块导入每个页面（我正在使用twig），例如对于link1.html.twig，我会： {％include menu.html.twig％} 代码html … 等等 任何帮助将非常感激。

Webpack 2加载，公开和捆绑jquery和bootstrap

这已经被零碎地提出，但似乎没有人能够找到答案。 我只是想简单地尝试捆绑jquery那些引导程序，并在全局范围内公开$ ， JQuery和bootstrap 。 这是我的webpack.config.js var webpack = require(‘webpack’); module.exports = { entry: { accountdetails: ‘./src/main/webapp/public/js/accountdetails.js’, vendor_jquerybs: [‘jquery’, ‘bootstrap’] } , module:{ loaders: [{ test: /\.jsx?$/, exclude: /node-modules/, loader: ‘babel-loader’ }] }, resolve: { extensions: [‘.js’, ‘.jsx’] }, output: { path: __dirname + ‘/src/main/webapp/public/js/dist’, publicPath: ‘/’, filename: ‘[name].bundle.js’ }, devServer: { contentBase: ‘./dist’ } […]

响应式jqGrid，带有引导类到列标题

我有以下简单的jQGrid。 我需要的只是响应表，其中一些列隐藏在移动视图中，使用bootstrap辅助类（如hidden-xs） var gridInfoJSON = JSON.parse($(‘#hdn-categorysummary’).val()); var catGrid= jQuery(“#categorysummary”).jqGrid({ url: ‘/Category/GetCategories/’, datatype: ‘json’, mtype: ‘POST’, colNames: [“Id”, “Active”, “Name”, “Duration”], colModel: [ { name: ‘Id’, index: ‘Id’, hidden: true }, { name: ‘IsActive’, index: ‘IsActive’, align: ‘center’, formatter: activeCheckBoxFormatter, sortable: false,classes:’col-sm-1′ }, { name: ‘CategoryName’, index: ‘CategoryName’, formatter: generateCategoryNameLink, sortable: false }, { name: ‘ComboDuration’, […]

如何在HTML示例中实现bootstrap-datepicker沙箱

我在下面的链接中找到了bootstrap的datepicker，好吧，我下载了开发版本，然后在那里的页面配置了一些设置，并在附加了所需的样式表和javascript文件之后，仍然无法获得HTML工作的例子。 这是下载示例的链接 。 我收集了所需的CSS和JS，如下所示： HTML如下： to 文件末尾的JS脚本如下： $(‘#sandbox-container .input-daterange’).datepicker({ startDate: “-12/30/2014”, endDate: “+01/15/2015”, startView: 1, clearBtn: true, calendarWeeks: true, autoclose: true, todayHighlight: true }); 现在两个输入出现但它们不起作用，我不知道丢失了什么。 我也在下载的演示文件中找不到任何HTML示例，它们都是.md，.jason和其他格式似乎是原始的，我实际上并不知道如何在HTML文件中实现它。

选择日期时，bootstrap-datepicker不会更新AngularJS模型

我在这个bootstrap-datepicker插件中使用AngularJS： Bootstrap v1.6.4的Datepicker（ https://github.com/eternicode/bootstrap-datepicker ） 版权所有2012 Stefan Petre Andrew Rowls的改进 我有这样的约束： 我使用ng-model获取输入值。 当我使用键盘在此字段中键入日期时，一切正常，但是当我单击某个字段并从Datepicker中选择日期时： 模型没有更新， 该字段不被视为脏（没有ng-dirty类）。 有没有办法告诉Angular在使用obj.FirstDate时更新obj.FirstDate值？ 例如，将它附加到事件？ 或任何其他方式，这将有效吗？ 我有一些这样的字段，所以我不想编写使用其id附加到字段的脚本。 任何帮助赞赏。

转到页面重新加载或超链接上的特定选项卡，其中选项卡由AJAX加载

我有一组Bootstrap选项卡。 HTML Main User Info … … JS var url = document.location.toString(); if (url.match(‘#’)) { $(‘.nav-tabs a[href=#’ + url.split(‘#’)[1] + ‘]’).tab(‘show’); } // Change hash for page-reload $(‘.nav-tabs a’).on(‘shown’, function (e) { window.location.hash = e.target.hash; }) // load first tab content if it is AJAX $(‘#main’).load($(‘a[data-url]:first’).attr(“data-url”) + “&silent=1”, function (data) { $(‘.active a’).tab(‘show’); }); 我想要的是对于任何选项卡有焦点加载，而不是总是加载第一个。 […]