bootstrap-4

问题 PROBLEM: I'm receiving three duplicate emails for each user who signs up with their email address. My guest list is being overrun by duplicate emails, and I don't know what's wrong with my code. Probable Cause : I have 3 signup forms, so I think somehow when I submit one signup form they all submit at the same time. The problem lies in either the Bootstrap 4.1.3 JS or the HTML. PHP Code: $email = $_REQUEST['email'] ; // Import PHPMailer classes into the global namespace // These must be at

问题 Another question was asked on the same need (that question) for bootstrap 3 but the proposed solutions don't work with Bootstrap 4. The image of this post explains very well what I want. And even more this bootply. How can I achieve this with Bootstrap 4 ? 回答1: $('#carousel-example-generic').on('slid.bs.carousel', function () { $(".carousel-item.active:nth-child(" + ($(".carousel-inner .carousel-item").length -1) + ") + .carousel-item").insertBefore($(".carousel-item:first-child")); $("

问题 Does bootstrap 4 have a built in horizontal divider? I can do this, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> But I want to use the built in bootstrap css, I can't find it anywhere in the docs, maybe I'm missing it. 回答1: HTML already has a built-in horizontal divider called <hr/> (short for "horizontal rule"). Bootstrap styles it like this: hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border

问题 I have a card-element (bootstrap-4) with a front and back, on hover the back side is shown. In order to create a "folded corner effect" I am using a pseudo-element(:before) on the front card, which works fine for all browsers except of firefox. The bottom-left corner of the pseudo-element should also be rounded, so I set a border-radius. Unfortunately in Firefox the corner is not rounded, instead there is a strange box shown in the pseudo-element. Any ideas what is causing this issue in

问题 I have a pice of code that copy 2 3 divs and the div contains a readonly property. After that I have a button that says to edit when I click on that button this should remove the readonly and the input field is available to edit. My code that doesn't work! my javascript code: I have tried removeAttr , prop('readonly', false) , attr('readonly', false) $("body").on("click", ".btn",function(){ if($(this).is("#edit")){ $(this).parents(".control-group").removeAttr('readonly'); }else if($(this).is(

问题 I would like to know what is exactly node_modules folder and what is for. I know when we download any library with npm, the library goes to node_modules, but I know when we are going to upload it to github we have to ignore the node_modules folder because it takes a lot of space. Through package.json we can download all dependencies using npm i, my question is... Let's say I wanna deploy my app/website to some server/host, Do I have to upload the node_modules folder to server as well? And

问题 I would like to know what is exactly node_modules folder and what is for. I know when we download any library with npm, the library goes to node_modules, but I know when we are going to upload it to github we have to ignore the node_modules folder because it takes a lot of space. Through package.json we can download all dependencies using npm i, my question is... Let's say I wanna deploy my app/website to some server/host, Do I have to upload the node_modules folder to server as well? And

问题 I have a form that uses the bootstrap code below for form field validation. How do I integrate reCaptcha v3 to run after Bootstrap form validation? The reCaptcha code seems to override the validation. reCaptcha v3 code grecaptcha.ready(function() { grecaptcha.execute('reCAPTCHA_site_key', {action: 'submit'}).then(function(token) { }); Bootstrap 4 form validation code (function () { "use strict"; window.addEventListener( "load", function () { // Fetch all the forms we want to apply custom

问题 I have a form that uses the bootstrap code below for form field validation. How do I integrate reCaptcha v3 to run after Bootstrap form validation? The reCaptcha code seems to override the validation. reCaptcha v3 code grecaptcha.ready(function() { grecaptcha.execute('reCAPTCHA_site_key', {action: 'submit'}).then(function(token) { }); Bootstrap 4 form validation code (function () { "use strict"; window.addEventListener( "load", function () { // Fetch all the forms we want to apply custom

问题 I am working on a navbar that was made out of HTML CSS and Bootstrap. I had followed some tutorials on youtube but I can seem to expand the toggle button when the screen size is reduced to the smallest. Since I'm starting a new project, I applied all of this with HTML CSS, and Bootstrap and opened the HTML file in my local directory. <!doctype html> <html lang="fa" dir="rtl"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">