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
21,469
questions
0
votes
1
answer
23
views
How to link a page using submit button?
<button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
This is the sample code from bootstrap, how can I add a link in this button while keep the ...
-2
votes
0
answers
26
views
Interactive tutorial on how to use the website using html css bootstrap 3 [closed]
Main goal:
To create an interactive tutorial on how to use the website. Just like in mobile games, they have this interactive tutorial. Is this also possible for websites? I have tried researching it ...
0
votes
0
answers
24
views
On what basis GitHub Advisory filter vulnerabilities for different package managers?
I am trying to comprehend how GitHub Advisory filters vulnerabilities, particularly in the context of Bootstrap 3.3.7. In the National Vulnerability Database (NVD), the following vulnerabilities are ...
0
votes
1
answer
56
views
Vanilla js bootstrap layout issue
I am trying to fetch image data from Pixabay API where I want to show editor's choice images.
The problem is regarding the layout. I am trying to show 3 or 4 images in each row but the layout is ...
1
vote
2
answers
34
views
Why isn't my Bootstrap dropdown menu appearing when I click the gear icon?
I'm trying to show a gear icon and a dropdown menu when it is clicked.
Here's my code, but the dropdown menu is not appearing.
Any ideas what am I doing wrong?
<head>
<meta http-equiv="...
0
votes
1
answer
59
views
Using Blazor checkbox switcher
Is this the way you would normally use a switcher? For example, in this case I'm disabling it by setting variable to "disabled".
How do you get the value if it's checked or not in the @code ...
0
votes
1
answer
28
views
Bootstrap 3.3.2 mobile nav submenu buttons not showing under parent buttons on click
I am looking to fix my mobile nav in bootstrap 3.3 to show submenu items on click. The parent buttons shouldn't link to anything, just show the children links.
The navigation currently will not show ...
0
votes
0
answers
13
views
bootstrap3: is there an easy way to make a dropdown menu fire on mousedown?
I've got this menu working when I release the mouse button over the "Menu Name" bit:
<button type="button btn btn-secondary" class="btn btn-default dropdown-toggle" ...
0
votes
0
answers
25
views
Bootstrap v3 to v5
My team will start the POC of migration from Bootstrap v3 to v5. Firstly is that possible ? What are the different kind of roadblocks that the team might face.
0
votes
0
answers
33
views
Collapse the vertical menu after selection has been made
I have a collapsible vertical menu and what I would like it to do after a selection has been made, collapse the vertical menu.
Anyone see what's wrong?
$('.RoomID').click(function() {
console....
0
votes
1
answer
216
views
How to show bootstrap range's min max value before and after range slider?
I'm using classical bootsrtap css to make a range. I'd like to show the min and max value as pointed in the picture above.
Just as a text explanation
[min value] [range bar/slider] [max value]
as a ...
0
votes
0
answers
50
views
DataTable Enter Key to Search
I have tried
search: {
return: true
}
But it is not working in my DataTables version 1.10.15
I want to disable the auto search on each letter entering in the search field. Instead of that enter all ...
0
votes
0
answers
9
views
Is there anyway to make a masonry / flexbox layout with a fixed width instead of height? [duplicate]
I'm wanting to put images across 3 columns. I want equal distance between the columns, however I want the heights to vary and be automatic to whatever height the image lands on from it's original ...
0
votes
1
answer
38
views
Bootstrap 3 panel and floating image
I can't build a responsive design with Bootstrap 3 panel when I have floating image next to it. The text can be short or long. I want the panel to fit in the free space left from the image and not to ...
0
votes
2
answers
55
views
How do I center a navbar in Bootstrap 3?
I can't center a navbar in Bootstrap 3 because I don't know how to edit CSS in Bootstrap. I downloaded Bootstrap locally, so I don't know if I need to edit the CSS file that is in the css folder of ...
0
votes
1
answer
41
views
Columns with its own scroll taking the 100% of available space of a 100vh container
I'm trying to have 3 columns with its own scroll, but taking 100% of available space.
But there's no scroll, or they don't get the 100% of the available space.
Important that the body has not to have ...
0
votes
0
answers
20
views
col-md-3 is not positioning to the right of col-md-9 - what are the factors that occuring the incident?
In my website output - Col-md-9 is running perfectly - while col-md-3 moves down to col-md-9, having all the necessary properties put correctly.
<?php get_header(); ?>
col-md-9
<div class=...
0
votes
0
answers
11
views
How do I run a particular version of Bootstrap in create-react-app?
I installed npm install bootstrap and then imported the file into index.js.
It by default runs bootstrap 5. How do I change it to Bootstrap 3? I wanted to use the blockquotes of Bootstrap 3 as its UI ...
0
votes
0
answers
39
views
Shopify embed code renders not where it should
I have a website which features shopify embed buy buttons. The site is Chandrikaglobal.com. It is built using bootstrap 3, with a shop section, which has 3 columns and it currently renders 10 ...
0
votes
1
answer
44
views
How can I prevent the change event from firing when setting state in Bootstrap Switch?
On my document.ready I am setting this control to a bootstrapSwitch and setting the state based on data from a database. Setting that state fires off the change switchChange.bootstrapSwitch. Is there ...
0
votes
0
answers
30
views
Bootstrap popovers on multipul elements
Having found & tried many popovers with remote content, I came across a script that works with content included on the current page for 1(one) popover.
I then added additional html markup as in ...
0
votes
0
answers
21
views
forming html table/block , the style issue for beginner
I just learn code about 2 weeks, I mostly study myself , and learn fro web and chatgpt, now I get the problem I couldn't solve myself
I'm building 3x2 table/block , that shows the status count I want, ...
0
votes
0
answers
20
views
$(...).multiselect is not a function error
I've researched this issue extensively, and can't seem to find a solution. I am attempting to auto populate a multiselect box based on the second box, and have to call
$('#state').multiselect('...
0
votes
0
answers
29
views
bootstrap change striped table color, while from <tr>, <td> is not the case
I follow the bootstrap's table temple did print out the table I want, but how to change color though
most of the result I found is input color in <tr class="table-primary">...</tr&...
0
votes
2
answers
22
views
Image shrinks to fit in div, but shrinks in width as column gets narrower
I'm pretty sure I'm just missing something basic, but for the life of me I get figure it out.
Background: I'm using bootstrap 3 (please don't judge :) ), html, and css.
I've got a div that has ...
1
vote
0
answers
21
views
Panel content overflow to bottom
My text in second column has overflow to bottom row. Refer to the long address which overflow to bottom.
jsFiddle : http://jsfiddle.net/m1qjbr70/
Adding "word-wrap:break-word; does not fix the ...
1
vote
1
answer
238
views
How to manipulate a Bootstrap Accordion panel using JavaScript without jQuery?
I have a panel with fields inside an Bootstrap accordion. I need my button to toggle the accordion into expanding and collapsing. Using the click() is not working.
How to use pure vanilla JS to ...
1
vote
2
answers
146
views
Bootstrap 3 modal and video.js video isn't resized properly
The following page displays a thumbnail image, that when clicked, brings up a Bootstrap 3 modal with the video. It works, but if the video is too tall for the window, it extends below the window, and ...
0
votes
1
answer
146
views
Set default to Not Selected Bootstrap country picker
With Bootstrap country picker, I am using the code below to populate countries. Its working fine but there is no "Not Selected" default. Is there a work around for this...?
<script>
$...
0
votes
0
answers
23
views
Bootstrap3.3.2 tabs not working: when I click on them different tab information shows up
i want to show the listdata in process tab and listdata1 in approved tab and listdata2 in dismissed tab but here it showing all the listdata in process tab
<ul class="nav ...
0
votes
0
answers
56
views
UI Design that need to restructure in HTML and CSS
I want the dropdown design look like as [Mega Menu Dropdown] but the design become like as [Dropdown]. I'm poor in CSS and I need help on this from you.
I am using Bootstrap v3.4.1. Script below will ...
-2
votes
1
answer
124
views
How can i achieve this output using Bootstrap 5.2.3 only
I am writing a simple html activity that will allow me to have an output similar on this image i provided bellow. I want to appear as is or the same with this layout. The task dont need a CSS it just ...
1
vote
2
answers
175
views
Dropdown menu doesn't work in html and css
Hi I want to hide the dropdown-menu submenu but it seems doesn't work. I use the property display: block !important; and it doesn't hide it and when I try display: none !important; and doesn't ...
0
votes
0
answers
32
views
How can I load both Bootstrap 3 and 4 in an Angular app?
Any ideas how to resole this issue with keeping Twitter Bootstrap 3.3.7 for Angular 15 (after upgrade to Angular 15)? Using npm i --legacy-peer-deps or --force are not preferable. Anything else?
For ...
0
votes
0
answers
16
views
Render Drupal Block in a specific Bootstrap Pill - How?
I want to display a Views Block in a specific Bootstrap pill but hidden from all other pills on the page. Right now the output shows up in all pills because it's associated with the Node or Content ...
0
votes
1
answer
52
views
Bootstrap split button not rendering correctly
I cannot get a Bootstrap split button to render correctly. It works fine in Codepen and JSFiddle, but on this test Drupal website the dropdown piece seems to be getting pushed under the button. I ...
0
votes
1
answer
82
views
Relative URI fragment link points to homepage instead of the same page?
What I tried
On page.html:
<a href="#top">#top</a>
I then open page.html in both Firefox and Chrome, right-click the link and choose Copy Link Address.
What I got
example.com/#...
0
votes
0
answers
45
views
HTML Bootstrap tab-content link 'freezes' after first click
I'm using Bootstrap's list-group to build a page navigation feature on my HTML page.
Am trying to build a nested bootstrap list-group.
However the link inside the tab-content div class works only on ...
0
votes
1
answer
20
views
Last column shouldn't open a collapsible table
I am trying to remove the click effect of table row class from the last td of the table row, which has an action, and trying to do it using jQuery.
Here is my table:
You can see when I click on a td ...
0
votes
2
answers
576
views
How to show previews of previous and next images in carousel in Bootstrap 5
I want the previous and next images in the carousel to appear partially for every central image like
this
Here is the code.
<div class="carousel-container">
<div id="...
1
vote
0
answers
62
views
div overlapping with ajax call
On ajax call, one div that is declared in my html using bootstrap disappears.
The first time the chart is loaded, the dropdown input field is disappears.
Here is my html using bootstrap code. Note, ...
0
votes
0
answers
54
views
bootstrap 3 dropdown and dropdown button conflict
I have several dropdown buttons on a page. Along with a dropdown contained within a navbar. When you click the buttons or the dropdown it works and shows the dropdown menu. When you click outside of ...
0
votes
0
answers
17
views
Popover's arrow is showing an outline (Bootstrap 3)
Using Bootstrap 3.2.0.
(And Bootswatch Default, but in my testing this happens without Bootswatch too.)
I'm seeing an outline between the popover and the popover's arrow:
I tried just moving the ...
0
votes
0
answers
55
views
Change styling of specific tooltip
I joined a new project and my task is to give a certain tooltip a different styling. The bootstrap version used is v3.3.7.
I have tried various attempts to assign a specific class to the tooltip, but ...
0
votes
0
answers
68
views
The Safari page on iPadOS 16.4 Public Beta crashed (if we have video using videojs on adminLTE theme)
The safari page crashed when I tried to add a video with Video.js on AdminLTE 2.4.5 theme.
I replicated the issue on jsfiddle and this is what happened.
Here's the fiddle that we can test on iPadOS ...
2
votes
2
answers
56
views
How to make a footer div push an affixed div up when you get to the bottom of the page
I am trying to mimic the layout of this search results page. I have everything working using bootstrap affix, except for the footer. When you scroll to the bottom in the example that I have linked, ...
0
votes
0
answers
346
views
Bootstrap version compatible with DomPDF Laravel
i have a question, after i tried many version of bootstrap to use in dompdf laravel, there's no one can compatible. I've searching in other people same question as me, they said bootstrap 3.3.6 is ...
0
votes
2
answers
54
views
Change Font Size and format
Based on the code below, how can I change the font size and format?
For the size I tried:
Approach 1 (didn't work)
.text-large {
font-size: 150%;
}
Approach 2 (didn't work either)
html {
font-...
0
votes
3
answers
47
views
Reduce spacing between links
I know this question has been asked a lot of time but, since I am new to HTML, I still need some guidance.
Based on the code below, how can I reduce the spacing in between the links in each column?
...
1
vote
3
answers
554
views
Change text color to white
Based on the code below, how can I change the text color to white? The code is adapted from this question. In the tagged question answer, I don't know how the color was set to blue in the fist place.
...