bootstrap-4

How to export user defined data using DataTables?

由 折月煮酒 提交于 2019-12-24 15:41:41
问题 I have a HTML table with a mixture of columns being hard coded values and others being set via java script functions dependant on user input. I can export the hard coded data fine, however it is the user defined values that I can't seem to pull through. Here is the sample of my project: function setSquat() { var squatMax = document.getElementById("txtSquatInput").value; var values = [0.4, //0 0.5, //1 0.6, //2 0.65, //3 0.7, //4 0.75, //5 0.8, //6 0.85, //7 0.9]; //8 var squatVal1 = values[3]

Using input groups (with addons) together with help-text in Bootstrap 4

由 冷暖自知 提交于 2019-12-24 14:43:49
问题 I'm having a hard time getting Help-texts showing up properly (i.e. at the bottom of the field) with Bootstrap 4's input-groups with add-ons. Here's my code: <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text">Title</span> </div> <textarea class="form-control" name="title" aria-label="With textarea"></textarea> <small id="KeywordsHelpBlock" class="input-group-prepend text-muted"> Some . </small> </div> Here is what it looks like: Am I missing

Bootstrap CSS not working in chrome or firefox

由 不问归期 提交于 2019-12-24 13:34:05
问题 I wrote a basic "Hello World" web page and added bootstrap CSS from CDN but it is working only in Microsoft Edge. Google Chrome and Mozilla Firefox are not displaying the correct output. Please help me resolve this issue. Correct Microsoft Edge Output Incorrect Google Chrome Output <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384

Place Font-Awesome-5 Icon as Bootstrap-4 Card background

由 爷，独闯天下 提交于 2019-12-24 12:46:06
问题 I want to use a Font Awesome 5 icon as card background image using Bootstrap-4! I tried everything what I found from the internet but nothing worked. I'm using Angular2 (v8) along with Bootstrap 4. 回答1: The following code worked for me. I've simplified what I use but you still get a font-awesome icon as background and you can put text on top of it: HTML: <div class="container-fluid"> <div class="row"> <div class="col-md-4 col-sm-6 d-flex"> <div class="class-box"> <div class="bg-primary"> <i

why pull-right class not working on bootstrap version 4.1.0? [duplicate]

由 倖福魔咒の 提交于 2019-12-24 12:17:15
问题 This question already has answers here : Bootstrap 4 align navbar items to the right (20 answers) CSS float-right not working in Bootstrap 4 Navbar (3 answers) Right align element in div class (3 answers) Closed last year . Previously We used bootstrap version 3+. Now we using 4.1.0. When I try to Align using pull-right and pull-left , its not working. Even I tried with float- right/ float left its not working. (I mentioned in the Image where it displaying and where I want it to be displayed)

Bootstrap Stylesheet not applied

由 核能气质少年 提交于 2019-12-24 11:44:13
问题 on some of my pages I have bootstrap included. Now on one page, I have an alert included, styled by bootstrap. It's defined as simple as that: $('#wrongPasswordDiv').html('<br/><div class="alert alert-danger" id="wrongPWAlert" role="alert">Falsches Passwort. Bitte erneut versuchen!</div>'); Also, before, Bootstrap css file is included: <link rel="stylesheet" type="text/css" href="/bootstrapcss" /> bootstrapcss is routed to the correct css file. In the network tab, you can see that loading

Array.prototype.filter.call(forms, function(form) What is this doing?

由 我们两清 提交于 2019-12-24 10:48:33
问题 I am having a hard time fully understanding how this code works. This is just form validation code copy and pasted from bootstrap. My issue starts with this line var validation = Array.prototype.filter.call(forms, function(form) It seems to me it is creating an array called validation containing any element with the class name "needs-validation". Then is it calling the anonymous function and passing in the entire form and running the subsequent lines of code form.addEventListener('submit',

ng-bootstrap dependancies and warning

由 坚强是说给别人听的谎言 提交于 2019-12-24 10:48:22
问题 I wish to use ng-bootstrap. The documentation ask to install bootstrap CSS as dependency, but do not include jQuery if I install bootstrap with npm I get warning that it need jquery and popper. $ npm i -S bootstrap npm WARN bootstrap@4.1.3 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself. npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself. Is there a way to

Bootstrap Video Carousel Play button/ left & right indicators not appearing

由 白昼怎懂夜的黑 提交于 2019-12-24 10:45:47
问题 So I'm trying to have a carousel with 4 videos in it and am having some issues and can't see why. First of all I can only switch videos by using the circles at the bottom middle of the screen, I can't click on the left or right or the video to switch. When I do switch moving to the left works fine but when I go to the right the play button appears where the left indicator should be and when I play the video it pops back into the middle. Any help would be appreciated as I'm fairly stumped here

Bootstrap navbar active class

由 早过忘川 提交于 2019-12-24 10:35:24
问题 I try to use jquery to initialize active class from navigation, but so far it works only if there's nothing else after the menu item in url. For ex, if i go on users site.com/users the code works, but when i browse the controller and i give it parameters it disappears ex site.com/users/param1/param2 below you can see my code: $(document).ready(function () { var url = window.location; // Will only work if string in href matches with location $('ul.nav a[href="' + url + '"]').parent().addClass(
订阅 bootstrap-4