Tag: twitter bootstrap

将Bootstrap Active nav-pills标签边框底部形状更改为实线下划线: 尝试将nav-pills边框底部的Bootstrap Active Tab更改为矩形。端点是弯曲的，无法将其更改为实心下划线。请参阅此链接：Bootstrap Nav Pills – JSFiddle – 我不知道如何在这里放置jsfiddle链接。 anwyasys。下面是代码。请帮忙。 jquery以上2.X版本使用。无法正确解析jsfiddle.net链接插入 $(document).ready(function () {console.log(“highlight.js file executed…”); $(‘ul.nav > li > a’).click(function (e) { e.preventDefault(); $(‘.initial-active’).removeClass(‘initial-active’); $(‘ul.nav > li > a’).removeClass(‘active’); $(this).addClass(‘active’); }); }); Bootstrap Navpills PQ CA DL MP PQ PQ section. CA CA section DL DL section MP MP […]

使用AJAX登录模态登录: 我正在一个网站上，我已经实现了Bootstrap的模态组件作为登录表单。我的登录脚本工作正常（没有模态测试）但是，显然无法显示错误，因为模式在显示任何错误之前关闭。显示错误的最好方法是使用AJAX 。我试图在其中实现AJAX ，但似乎失败了（这不是我熟悉的东西）。这是我到目前为止尝试过的代码：的index.php function login(username, password, callback) { var xhr = new XMLHttpRequest(); xhr.open(“POST”, “login.php”, true); xhr.responseType = “json”; xhr.onload = function() { var data = xhr.response; if (data[“status”] === “failure”) { callback({ “errorCode”: data[“errorCode”], “errorMessage”: data[“errorMessage”] }); } else { callback(null, data[“redirect”]); $(“#error”).append(errorMessage); } }; xhr.send(JSON.stringify({ “username”: username, “password”: […]

需要添加哪些jQuery引用才能使Bootstrap正常工作，在哪里？: 我一直在努力与bootstrap和自定义CSS不共存（见此）我看到我得到了“Uncaught Error：Bootstrap的JavaScript需要jQuery”，因此，基于我在这里找到的（Sridhar接受的答案），我改变了这个： builder.Append(“”); builder.Append(“”); builder.Append(“”); ……到此为止： builder.Append(“”); builder.Append(“”); builder.Append(“”); ……但没有区别。我需要做些什么来让Bootstrap实现我引用jQuery？ UPDATE 我将引号从double更改为single并删除了后备，因此jquery引用现在是这样的： builder.Append(“”); ……但没有区别。更新2 即使我添加这样的内联样式： builder.Append(“”); ……它不会改变wimpy（几乎不可见）的横向规则。

Twitter-Bootstrap模式中的简单Django表单: 我正在尝试使用Twitter-Bootstrap模式运行django表单。我想知道如何返回/提交表单后我该怎么做。我的views和templates如下。 url.py urlpatterns = patterns(‘myapp.views’, url(r’^$’, ‘main’), url(r’^add/’, ‘form_add’), ) views.py def main(request): if request.method == ‘POST’: form = MyModelForm(request.POST) if form.is_valid(): name = form.cleaned_data[‘name’] request.session[‘name’] = name mm = MyModel.objects.create(name=name) mm.save() return HttpResponseRedirect(‘/add’) # Redirect after POST else: form = MyModelForm() args = {} args[‘last_item’] = MyModel.objects.all().order_by(‘pk’).reverse()[0] args[‘form’] = form return render(request, […]

在Twitter Bootstrap 3中的旋转木马中找不到幻灯片类: 我在twitter bootstrap 3中制作旋转木马，但是当我使用“旋转木马幻灯片”类时，它会给出错误的未知类幻灯片。在我正在使用的代码下面。请指导我。

即使存在validation错误，Bootstrap Validator也会提交表单: 我有以下图片，您可以清楚地看到我提交表单后需要该字段。但是，在提交表单后，它将继续执行JS中的按钮单击事件，而不是停止表单提交。我在BootStrap Validator中缺少什么，如果有validation错误，我可以阻止提交表单？这是我的HTML5 MasterPage相关部分这是我的JS被初始化，但运行时，我得到了我的评论中陈述的错误： $(‘#form1’).bootstrapValidator({ live: ‘enabled’, feedbackIcons: { valid: ‘glyphicon glyphicon-ok’, invalid: ‘glyphicon glyphicon-remove’, validating: ‘glyphicon glyphicon-refresh’ }, fields: { txtSPStatusComments: { selector: ‘#txtSPStatusComments’, validators: { notEmpty: { message: ‘The title is required and cannot be empty’ } } } } }); 这是我的HTML5 Enter the reason and comments to stop […]

成功后提交show welcome-modal: 我有表格 @using (Html.BeginForm(“Register”, “Account”, FormMethod.Post, new {id = “registrationForm”})) {…} 我把一些数据（电子邮件，密码等）放在哪里我也有这种forms的方法： [HttpPost] [AllowAnonymous] [ValidateAntiForgeryToken] public ActionResult Register(RegisterViewModel model) {… return RedirectToAction(“Index”);} 在那种方法中，我管理模型（尝试创建新用户），如果一切都成功。重定向到行动“索引”。问题：我需要在创建新用户之后但在重定向之前显示带有一些文本“Welcome …”的bootstrap模式。我该怎么做？我尝试为该表单调用ajax submit（仅用于显示该模式的成功操作，但没有成功）

当ajax内容时，HTML无法在bootstrap popover上工作: 我正在使用bootstrap 3.3并试图在popover上显示ajax内容。这是我的jquery代码 $(‘.action_col span’).popover({ html: true, trigger: ‘manual’, placement: ‘left’, content: function () { var div_id = ‘tmp-id-‘ + $.now(); var tour_id = $.trim($(this).data(‘tour_id’)); $.ajax({ type: ‘post’, url: site_url + ‘controller/tour_details’, dataType: ‘html’, data: { t: tour_id } }).done(function (response) { $(‘#’ + div_id).html(response); }); return ‘Loading…’; } }); tour_details方法 echo ‘working’; 这工作正常但是当我发送任何HTML时它不再起作用。喜欢 […]

通过JavaScript调用Bootstrap模式: 我有这个javascript函数： function doDelete() { if (root === null) {alert(“Tree is Empty!”); return;} var strKey = document.getElementById(‘deleteKey’).value; if (strKey==””) {alert(“Please provide key”); return;} if (isNaN(strKey)) {alert(“Key must be numeric”); return;} root = myBPT.Delete(root, strKey); myBPT.print_tree(root); } 如何更改警报以调用引导模式？这是我的数据目标… #printLeaves

用户点击Twitter Bootstrap链接后，如何在移动视图上自动折叠顶部导航栏？: 我有一个带有Twitter bootstrap框架的“单页滚动”网站。在桌面视图中，我的顶部导航栏始终可见，顶部导航栏的不同链接将用户锚定到页面的不同部分。在移动视图中，默认情况下顶部导航栏已折叠。用户必须点击顶部导航栏的汉堡菜单将其展开，然后点击链接以自动滚动到该部分。问题是在移动视图上，在录制链接后，顶部导航栏不会崩溃并保持打开状态，用户必须手动关闭它。在用户点击仅用于移动视图的链接后，我应该使用什么CSS或JS来自动关闭导航栏？