Questions tagged [twitter-bootstrap-3]
Bootstrap 3 is the third generation of the front-end framework allowing for speedier web development with an attractive look and feel. Use with the [twitter-bootstrap] tag
twitter-bootstrap-3
21,466
questions
1
vote
1
answer
32
views
ScrollY issue in Datatable
I am using Datatable to give style to my table in HTML and I had to enable the ScrollY.
Although It worked, it has a style problem that I am trying to solve.
When you resize the window, for some ...
0
votes
1
answer
31
views
How to add multiSelect Checkbox dropdown in anguler1 , Bootstrap3
i am new to angulerJS, so have no idea on how to add multi-select Checkbox dropdown list.
Here is my partial html that show multi-select. I want it to be in shape of dropdown with checkbox as shown in ...
0
votes
0
answers
19
views
Bootstrap grid 3.4.1 mystery
I have a website with a simple bootstrap 3.4.1 grid. All elements are the same. Everything is perfect on all devices / columns widths, except for desktop where I have .col-3 columns and the last 3 of ...
0
votes
0
answers
27
views
One-page website wont scroll to the specific div on mobile
I have some problems with the scrolling to each sections on a one-pageesite.
Click here to view the demo site
If you check the page on pc, you will see, when clicking a menu item in the header, the ...
-2
votes
1
answer
161
views
Is jquery 3.7.1 compatible with bootstrap 3?
I have an old Bootstrap 3 site built in 2017. I need to update to Bootstrap 5, but would like to update jquery in the meantime. Is jquery 3.7.1 compatible?
0
votes
1
answer
42
views
Pushing second column to next row if text in first column is long
I'm using Bootstrap 3. I have 2 column in 1 row. How do I push the column in second column to next row if text in 1st row is longer than 1 row? Here is my code and the Lorem Ipsum text in 1st column ...
0
votes
0
answers
17
views
How to auto-adjust rows in desktop vs mobile view(responsive) in bootstrap
enter image description here
this is the white space im referring to
this is my HTML code for ref where im using the row class
<middle>
<div class="row custom-row&...
0
votes
1
answer
43
views
Set minimum flexbox height to content's height
When I resize the window, it can happen that the <input> elements protrude its parent <div>.
Is there a way how I can assure that:
.split-content minimum height equals it's content + ...
0
votes
0
answers
38
views
Angular not loading bootstrap
I am fairly new to Angular, and trying to implement bootstrap to a project. But I am not able load bootstrap to my project
when i am looking in inspect tool --> Sources --> CSS
/* src/styles....
0
votes
0
answers
8
views
Hi when closing bootstrap modal I am take to the top of page
I am using bootstrap 3.3, when I am closing bootstrap modal it is taking me to the top of the page.
Code of close button is : ×
I want the remain in location as I was before opening modal. But closing ...
-2
votes
1
answer
29
views
bootstrap table without borders
Trying to show bootstrap table without borders.
When I remove (bootstrap.min.css) then I can hide borders but when add it , can't hide borders
<link rel="stylesheet" href="https://maxcdn....
0
votes
0
answers
37
views
Why negative margin on row in Bootstrap 3.4.1?
I have included Bootstrap 3.4.1 in the below HTML page through CDN.
HTML Page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<...
0
votes
2
answers
88
views
Bootstrap 3: Open Dropdown on Hover When Another Dropdown Is Open
I have a couple of Bootstrap 3 (have to use it for reasons out of my control) Dropdowns within a navbar that I would like to behave like an application menu. Normally, the dropdowns open on click, but ...
-1
votes
2
answers
51
views
2 column table with rowspan = 2 and aspect ratio 1/1
I am trying to achieve this result:
But I got this instead:
<table class="table" style="width: 100%;">
<tbody>
<tr>
<td rowspan="2" style="display: inline-block; ...
0
votes
0
answers
18
views
Icon element shows over bootstrap dropdown-menu
The dropdown menu shows under icon element:
body {
padding: 50px;
}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-...