twitter-bootstrap Questions

6

My CSS markup: .rowbgi { background-image:url('img/gradient.png'); background-color:#cccccc; } My HTML markup: <div class="span4 rowbgi"> <img class="img-circle" data-src="holder.j...
Resonant asked 15/1, 2013 at 9:53

7

I'm using the following mark up and styles (Bootstrap). It shows my checkbox but it is paralysed, that is, it cannot be checked. here is my mark up: I want something more Bootstrap-ish. I know ther...
Journal asked 20/2, 2015 at 14:35

3

Solved

i have noticed this weird tool-tip behavior . if i click on the link having bootstrap tool-tip and then switch tabs or minimize window and then come back to main window the Tooltip gets shown even...
Erleneerlewine asked 25/9, 2015 at 13:0

2

Solved

I want to create something like this using the bootstrap grid system: But I can't seem to place COLUMN1 and COLUMN2 one after the other without creating a gap between them (due to COLUMN 3's hei...
Quentin asked 11/2, 2015 at 6:47

7

Solved

I have designed a form in which I have two items in a row, like this: My output Code that I used: <div class="row"> <div class="col-sm-3"> <!-- [1, 0] --> <fieldset clas...
Seljuk asked 1/2, 2018 at 8:4

9

Solved

This is driving me insane. I have this: <div class="container"> <div class="panel panel-primary"> <div class="panel-heading" id="panel-head"> <a data-toggle="collapse" d...
Nacreous asked 24/2, 2016 at 11:10

4

Solved

I am using bootstrap and following this doc: <div class="custom-file"> <input type="file" class="custom-file-input" id="customFileLang" lang="es"> <label class="custom-file-label"...
Convertite asked 12/3, 2018 at 11:48

3

I have the following very simple Bootstrap grid system: <div class="container-fluid"> <div class="row"> <div class="col-sm-2" style="border-style:solid; border-color:black; border...
Tenure asked 14/8, 2016 at 9:54

3

Solved

I'm using a boostrap 5 "collapse", using the data attributes approach. It works as expected. I can click the button to collapse/expand the collapsible items. The docs state I can toggle t...
Crutchfield asked 3/12, 2022 at 7:18

7

Solved

I am working on a form with Bootstrap 4 and I would like to edit/change the style of the arrow select element from the first version to the second version as depicted below. I tried different ways...
Manriquez asked 21/2, 2017 at 9:26

6

Solved

I am using a bootstrap dropdown, and need to have the first option as default. The following doesn't work. <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="bu...
Narcissus asked 28/5, 2016 at 21:38

6

Solved

My project extends Bootstrap's responsive breakpoints. Here is the entrypoint SCSS file that was working for me: @import "~bootstrap/scss/functions"; @import "~bootstrap/scss/variables"; $magneta...
Kekkonen asked 10/11, 2019 at 21:26

5

Bootstrap 4 uses the class .collapsing to animate the width/height of an .collapse-element while opening/closing it. Unfortunately the actual change is approached by adding the width/height as an i...
Bunco asked 10/12, 2017 at 12:45

5

Solved

I'm using electron-react-boilerplate for my project and this boilerplate is using css-modules for styling purpose. I'm having trouble with using bootstrap and custom style at the same place. Suppos...
Dictatorship asked 11/5, 2017 at 14:0

2

Solved

I have below a working example of a plotly dash app which displays a dropdown on a tab, and then displays an alert as a result of selecting an item in the dropdown. #!/usr/bin/env python3 import d...
Antimony asked 31/5, 2019 at 22:8

5

Solved

I'm using bootstrap5 scss. I include styles for ltr as standard: @import "~ bootstrap / scss / bootstrap"; Question: how to connect or enable rtl bootstrap 5 scss styles? From the instruc...
Orissa asked 20/8, 2021 at 18:51

4

Solved

I am making a very simple React application where I am in the need to display a tooltip on hover over the text... <OverlayTrigger placement="bottom" overlay={ <Tooltip id="...
Margitmargo asked 10/2, 2020 at 5:50

8

With Echarts (from Baidu) i want put a pie chart inside a div element (i'm using bootstrap). So i have: <div class="row"> <div class="col-md-4"> <div id="chartGift" style="height...

7

Solved

I'm testing my app on my mobile phone (samsung galaxy note II with chrome) and I have a problem with the numeric input fields. In my app these fields can accept negative numbers, and on the brows...
Skiagraph asked 10/2, 2014 at 12:48

7

Solved

I have the following div: <span data-placement="bottom" data-toggle="popover" data-container="body">Press Me!</span> with the following popup: <div id="popover-content" class="h...
Glutelin asked 5/11, 2016 at 13:55

20

Solved

I was wondering if anyone could explain how I can get 7 equal columns in bootstrap? I am trying to make a calendar. This code seems to do 5: div class="row"> <div class="col-md-2 col-md-off...
Spender asked 22/2, 2014 at 13:40

4

Solved

I have started learning web programming as a project and I've been having a hard time with getting my links to show as active on the navbar. I did start by looking for similar questions asked in th...
Tourane asked 4/5, 2018 at 10:14

10

I have built a bootstrap video carousel. It is working just fine but, the only problem I have is the carousel keeps sliding to the next slide after 5 seconds. How do I make it stop autosliding and ...
Stokes asked 1/10, 2014 at 3:23

5

I want to use the full width on xs and sm devices (container-fluid) but just the container class for all other devices What's the best way to put this in place? I've tried jasnys bootstrap which ...
Bourque asked 6/4, 2015 at 12:57

8

Solved

I'm using symfony framework 3 to develop a web application. I need to add boostrap's functionality to my application. I installed bootstrap using the below command. (I'm using composer.) composer ...
Godgiven asked 6/4, 2016 at 13:45

© 2022 - 2024 — McMap. All rights reserved.