twitter-bootstrap Questions

5

Bootstrap 4 includes the width classes: w-25 w-50 w-75 w-100 I want to specify widths only for certain breakpoints and above; e.g., "w-md-25", etc. Is it possible to add such classes in the SCS...
Laurettelauri asked 11/12, 2017 at 19:36

3

Solved

Currently I have some large text on a page, and layout works fine for short text (~12-14 chars in length), but any more than that will overflow or wrap. This is undesirable, so I'd like the size to...
Pulpwood asked 4/6, 2014 at 4:32

7

Solved

Using Bootstrap to add a modal popup. Upon clicking the trigger button, the modal is dark and unclickable. Any idea what's causing this or where to look? <!-- Button trigger modal --> <...
Necessitous asked 24/10, 2015 at 4:21

4

Solved

I need to make drop down for one <li> element <div class="head-nav"> <span class="menu"></span> <ul class="cl-effect-15"> <li><a href="index.php" data-ho...
Leis asked 24/4, 2015 at 21:20

10

Solved

I'm using Twitter Bootstrap to create a button with a DropDown menu for each row in a DataTables grid, but the data container from DataTables is using "overflow: hidden" what is making the DropDown...
Wsan asked 9/8, 2013 at 1:21

5

Solved

Bootstrap rows has a margin (left and right) of -15px. As far as I know this is mainly by two reasons: The .container has a padding (left and right) of 15px The col-* have a gutter of 15px. ...
Futile asked 11/7, 2018 at 10:18

12

Solved

Here is my code, I mostly tried all the methods for displaying image on PDF but still didnt work. Could you please help me for this. I also set DOMPDF_ENABLE_REMOTE to true and still results is sam...
Gudrun asked 3/11, 2016 at 10:9

9

Solved

I am using Bootstrap for a web application and using bootbox (http://bootboxjs.com) for showing a window before proceeding with a delete operation. For different delete options, I need to display...
Ney asked 1/7, 2013 at 22:36

4

Solved

I want to simply do some logic after my modal has been dismissed. In the modal I have a button: <button type="button" class="btn btn-primary" onclick="$('#mymodal').modal('hide');">Save cha...
Verile asked 12/2, 2015 at 8:14

4

Solved

How can I make space between buttons in navbar? I usually do that with  but it doesn't work now. Here's an JSfiddle of how it looks: http://jsfiddle.net/W6hEa/
Dextrality asked 5/8, 2013 at 18:23

5

The react-leaflet map does not get rendered properly. The map is rendered outside of its parent's boundaries Some tiles of the map are missing The problem occurs when using the map with standar...

29

How to disable past dates from the current date on a datetimepicker? I tried few posts for similar question but was unable to achieve it, Below is what I tried <link href="http://netdna.bootstr...
Auberon asked 2/4, 2013 at 6:52

12

Solved

Does Bootstrap have built-in padding and margin classes like pad-10, mar-left-10 or I have to add my own custom classes? For example, similar to the ones here at padding and margin tabs.
Teepee asked 26/8, 2015 at 17:56

11

Solved

Look at the image: I want design something like in the image, where a 4 digit one time password (OTP) is to be entered by user. Right now I have achieved this by 4 separate inputs and then combi...
Carrington asked 17/1, 2017 at 13:24

2

Solved

I've seen a few issues with the cursor being improperly spaced in the ace editor. The problem has to do with the font-spacing and apparently the solution is to only use monospaced fonts. Here's a...
Epitomize asked 5/1, 2014 at 7:2

16

I am facing a issue when trying to create a responsive menu or dropdown button with Bootstrap 5.Everything seems ok.The navigation icon & dropdown icon apears.But its not working.When I clicked...
Slue asked 17/12, 2020 at 13:26

7

Solved

I try to use Bootstrap 5.0.2 in an Angular 11 project with this code: index.html <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <me...
Curd asked 23/6, 2021 at 13:39

6

I have a modal window Bootstrap with dynamic height (more than height of screen). How can I scroll the window to bottom programmatically? I tried to do this: $('#modal').animate({ scrollTop: $('#m...
Flycatcher asked 24/3, 2017 at 8:31

6

Update: I added this: $("#id_project").select2({dropdownParent: $(".modal-body")}); ...and this causes the dropdown to be correctly placed, and the search can be typed into. Un...
Estellaestelle asked 12/2, 2018 at 21:25

7

I have a jquery code that creates a dropdown menu and places it exactly where the user right-clicked. Everything works fine except one thing: I cannot type inside an input field. The generated dro...
Throughway asked 25/7, 2016 at 13:6

17

Solved

I currently have this piece of html which represents the relevant part of my navbar: <nav class="navbar navbar-inverse" role="navigation"> <div class="container"> <ul class="nav n...
Leban asked 25/6, 2014 at 23:11

5

Solved

I have a bootstrap grid layout but the row is not occupying 100% width. I am using Bootstrap 4 alpha 6. Here is the HTML: <div class="container-fluid"> <h1 class="center-text" id="headin...
Plum asked 2/5, 2017 at 15:39

5

Solved

I am using Bootstrap for some UI elements: SelectPicker which allows a user to select multiple options and have it rendered to the screen in paragraph tags. They should also be able to remove a sel...
Stein asked 24/3, 2014 at 10:19

34

Solved

I can't make bootstrap dropdown to work. Here is my html for nav: <ul class='nav'> <li class='active'>Home</li> <li class='dropdown'> <a class="dropdown-toggle" data...
Tee asked 17/9, 2012 at 11:46

14

Solved

I am using tinyMCE4 editor inside a Boostrap modal dialog. when I clicked on link icon it opens a new modal dialog box, It displayed fine but the input areas are not editable. <div id="editing"...

© 2022 - 2025 — McMap. All rights reserved.