Tag: twitter bootstrap

如何自动调整文本按钮: 嗨我正在使用twiiter bootsrap 2.6为我的网络应用程序。你可以在这个小提琴的用户选项卡中看到这个finalhhhhhhhhhhhhhhhhhhh导致按钮宽度的增加，这也增加了列宽。我想制作相同大小的所有按钮如果文本长度增加，则按钮宽度不应增加。文本大小应自动调整以使按钮宽度恒定。请告诉我该怎么做？这是html按钮请参见截图

Bootstrap无法在Angular 6应用程序中运行: 我想在Angular 6应用程序中使用Bootstrap，这是我到目前为止所做的，但似乎没有任何结果： 1）使用npm安装bootstrap，jquery和popper.js。 2）在Angular.json文件中输入以下内容 “styles”: [ “src/styles.scss”, “node_modules/bootstrap/scss/bootstrap.scss” ], “scripts”: [ “node_modules/jquery/dist/jquery.slim.min.js”, “node_modules/popper.js/dist/umd/popper.min.js”, “node_modules/bootstrap/dist/js/bootstrap.min.js” … ] 我错过了什么。这似乎没有成功。

Bootstrap汉堡菜单不起作用: 出于某种原因，我的引导汉堡菜单正在起作用。菜单在小屏幕上显示正常，但点击时菜单不会扩展。我继续并添加了完整的代码，看看是否有帮助。这是我的代码： TopMusicFestivals Toggle navigation TMF Home About Contact Login Sign Up Signed In As: Log Out

在bootstrap popover中如何防止表单提交？: 我遇到了一个问题，希望有人能澄清一下。我正在使用bootstrap popover来触发登录表单。我想使用ajaxvalidation用户和密码，但我无法使用preventDefault（）和stopPropagation（）阻止表单事件中的默认提交事件。找到下面的代码只是为了看到你可以帮助我，知道发生了什么。提前致谢。笔记： 1）popover触发器是id =“signin_popover_trigger”的元素2）popover内容是class =“signin_popover_content”中的html代码 HTML代码： Sign in Sign in Email: Password: Javascript代码： $(‘.user_access_form’).submit(function(event){ event.stopPropagation(); event.preventDefault(); //Validation code here }); $(‘#signin_popover_trigger’).popover({ html: true, content: function(){ return $(‘.signin_popover_content’).html(); }, placement: ‘bottom’, }); CSS代码 .signin_popover_content { display: none; } 事实是，如果表单没有放入popover，表单会被正确停止。谢谢！！！

一旦达到div就停止粘性引导列: 我有两列简单的bootstrap行： All the way with you So happy to go DON’T GO HERE. 感谢此脚本，ID为#stay的列将一直跟随第一列： $(document).ready(function() { (function($) { var element = $(‘#stay’), originalY = element.offset().top; // Space between element and top of screen (when scrolling) var topMargin = 10; // Should probably be set in CSS; but here just for emphasis element.css(‘position’, ‘relative’); $(window).on(‘scroll’, function(event) […]

Bootstrap Switch事件处理程序无法正常工作: 我在这里问了一个与此类似的问题，但现在我仍然坚持使用Bootstrap Switch的事件处理程序。我想在交换机切换时打印出状态。目前，它仅在单击时切换状态，并且不会触发新事件。以下是我的一些设置： some.js $(document).ready(function() { $(“#famous-people-switch”).bootstrapSwitch(); $(“#famous-people-switch”).on(“switchChange”, function (e, data) { console.log(data.value); }); }); some.html.erb Famous People: gem Using sass (3.3.2) Using bootstrap-sass (3.1.1.0) Using bootstrap-switch-rails (2.0.2) Using jquery-rails (3.1.0) Using sass-rails (4.0.1) Application.css.scss @import “bootstrap”; @import “bootstrap3-switch”; 的application.js //= require jquery //= require jquery_ujs //= require bootstrap //= require bootstrap-switch […]

Bootstrap 3 + backbonejs – 切换导航无法打开: 我正在为我的项目使用jquery，backbonejs，underscorejs和bootstrap 3（ https://izify.com/ ）。这是我的源代码https://github.com/datomnurdin/izify-template 。单击按钮时，我无法打开toogle导航。这是toogle nav的屏幕截图。我的offcanvas.js $(document).ready(function() { $(‘[data-toggle=offcanvas]’).click(function() { $(‘.row-offcanvas’).toggleClass(‘active’); }); }); 与backbonejs集成时有什么问题吗？我从这里拿到模板， http：//getbootstrap.com/examples/offcanvas/ 演示网站： http ： //staging.revivalx.com/izify-template/

如何使用jQuery删除表中的行？: 我有一个Bootstrap表如下， First NameLast NameAgeDelete MickeyMouse5 TomCat6 PoohBear4 DonaledDuck7 JerryMouse8 </table 每当用户点击垃圾按钮时，该特定行都将被删除。我怎样才能使用jQuery实现这一目标？这是我到目前为止的链接 – http://jsbin.com/gabodamace/edit?html,output 提前致谢！

在Modal asp.net mvc中使用ajax添加数据: 我有一个带有bootstrap的模态，允许我使用ajax在数据库中添加一些数据。之后我在部分视图中加载数据并显示它（经典）这是我的控制器： public ActionResult AjouterCommentaire(TacheViewModel viewModel) { viewModel.NVcommentaire.DateCommentaire = DateTime.Now; viewModel.NVcommentaire.UtilisateurId = 4 ; db.Commentaires.Add(viewModel.NVcommentaire); db.SaveChanges(); return PartialView(“PartialCommentaire”, db.Commentaires); } 问题，当我返回部分视图PartialCommentaire ，这是具有数据的表..表采取所有的模态空间，就像模态采取表值..（和我的逻辑，因为我返回该部分视图）如果我回来： return Json(new { success = true }); 它刷新页面，我不想要那个.. 什么我必须返回所以唯一要改变的将是与表的部分视图想你编辑:(添加HTML） @using (Ajax.BeginForm(“AjouterCommentaire”, new AjaxOptions { UpdateTargetId = “partialSummaryDiv” })) { @Html.TextAreaFor(model => model.NVcommentaire.TxtCommentaire, new { @class = ” form-control”, @placeholder = […]

带缩略图的Bootstrap轮播在单排: 这是我最后一个问题的扩展问题当缩略图增加时，它会落入第2行。如何使其溢出（不希望水平滚动缩略图）并与前/下一个按钮一起移动。 $(‘#myCarousel’).carousel({ pause: true, interval: false }); // handles the carousel thumbnails $(‘[id^=carousel-selector-]’).click( function(){ var id_selector = $(this).attr(“id”); console.log(id_selector); // var id = id_selector.substr(id_selector.length -1); var parts = id_selector.split(“-“); var id = parts[parts.length – 1] id = parseInt(id); $(‘#myCarousel’).carousel(id); $(‘[id^=carousel-selector-]’).removeClass(‘selected’); $(this).addClass(‘selected’); }); $(‘#myCarousel’).bind(‘slide.bs.carousel’, function (e) { var slideFrom = $(this).find(‘.active’).index(); var […]