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

Filter by
Sorted by
Tagged with
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 ...
LT APP's user avatar
  • 3
-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 ...
Dark's user avatar
  • 120
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 ...
Sandeep 's user avatar
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 ...
Himansu Kumar Nayak's user avatar
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="...
AvaTaylor's user avatar
  • 655
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 ...
Rod's user avatar
  • 14.8k
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 ...
Noy's user avatar
  • 19
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" ...
Eric's user avatar
  • 2,175
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.
kush gupta's user avatar
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....
DCJones's user avatar
  • 3,181
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 ...
akikara's user avatar
  • 214
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 ...
mdd's user avatar
  • 1
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 ...
disa's user avatar
  • 1
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 ...
Stefan Pavlov's user avatar
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 ...
Fruit_alpha's user avatar
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 ...
FlamingMoe's user avatar
  • 2,827
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=...
Emon's user avatar
  • 19
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 ...
Sharath's user avatar
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 ...
George W's user avatar
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 ...
Jefferson's user avatar
  • 127
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 ...
David Barrett's user avatar
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, ...
juqicule's user avatar
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('...
Steve's user avatar
  • 19
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&...
code_freshgirl's user avatar
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 ...
Ben's user avatar
  • 367
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 ...
sg552's user avatar
  • 1,521
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 ...
DNèp's user avatar
  • 41
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 ...
Mark Fletcher's user avatar
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> $...
acctman's user avatar
  • 4,261
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 ...
pan's user avatar
  • 1
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 ...
Mac's user avatar
  • 1
-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 ...
Klint Masha's user avatar
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 ...
Jessica's user avatar
  • 17
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 ...
Haradzieniec's user avatar
  • 9,136
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 ...
GuyManDude's user avatar
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 ...
GuyManDude's user avatar
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/#...
ᴍᴇʜᴏᴠ's user avatar
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 ...
Vakindu's user avatar
  • 561
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 ...
Haris Leghari's user avatar
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="...
xinyun's user avatar
  • 15
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, ...
ahad alam's user avatar
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 ...
Matt's user avatar
  • 1,234
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 ...
David's user avatar
  • 71
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 ...
Cardo's user avatar
  • 1
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 ...
Codeblooded Saiyan's user avatar
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, ...
MrB's user avatar
  • 103
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 ...
Rizal Dieqy's user avatar
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-...
Ed_Gravy's user avatar
  • 1,853
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? ...
Ed_Gravy's user avatar
  • 1,853
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. ...
Ed_Gravy's user avatar
  • 1,853

1
2 3 4 5
430