Stack Overflow
Stack Overflow

Questions tagged [bootstrap-grid]

Bootstrap Grid is Twitter's flexbox-based grid system that uses classes to determine the layout of your document. Use the [css-grid] tag for questions about CSS Grid, instead.

Bootstrap grids are Bootstrap's flexbox-based grid system that uses classes to determine the layout of your document. Use the tag for questions about CSS Grid, instead.

You can read about Bootstrap grids and how to use them at Twitter's Grid system page.

Read about Bootstrap in general at https://getbootstrap.com/docs/4.0/getting-started/introduction/

254 questions
2
votes
0 answers

How can i get 2 fading borders on the right and left of a div (with bootstrap-grid)

Basically i wanted to make a div where the right and left borders are fading. So the top right and bottom right of the border must be almost gone and the middle right of the border must be completely white. Its hard to explain but better to see with…
uteh
  • 41
  • 7
2
votes
2 answers

How can I make a text appear strictly on the bottom of an image aligned with the left side borer of the above Image-regardless of parent alignment?

I am trying to implement a view in HTML/CSS/Bootstrap where There is an image and some text immediately below the image BUT STRICTLY THE TEXT MUST START AT THE LEFT-SIDE BORDER OF THE IMAGE REGARDLESS OF THE LENGTH OF THE TEXT! here is the required…
Achy97
  • 994
  • 1
  • 14
  • 29
2
votes
1 answer

Expand column inside Bootstrap css grid shifts other columns

I have a bootstrap grid that contain an expand component. My actual problem is that when I expand one column, the other columns get shifted because they are in the same row. I would like to know How can I make column independs each one to…
infodev
  • 4,673
  • 17
  • 65
  • 138
2
votes
1 answer

Bootstrap column span 2 rows

I am using Bootstrap 4 and this is what I'm trying to achieve (a picture worth a thousand words): This is what I managed to achieve, by using this markup:
1
2
3
…
yanivps
  • 1,993
  • 3
  • 25
  • 33
2
votes
1 answer

How to set ComponentArt datagrid to add bootstrap Grid system datagrid?

I have a question about formatting using bootstrap's grid system... from my code , I want to set Bootstrap Grid System (Mobile – xs ( < 768px )、 Tablet – sm ( 768~991px )、 Desktop – md ( 992~1200px )、Large Desktop - lg ( >= 1200px )) like
georgetovrea
  • 537
  • 1
  • 8
  • 28
2
votes
1 answer

Strange bug with padding

I made a simple search app with React and Bootstrap's Grid. The problem is that when products render it makes the entire interface move to left with ~10px. It happens when 4 or more products are rendered. I think it's either from padding or margin…
daed dadad
  • 55
  • 1
  • 5
2
votes
0 answers

Bootstrap table grid not work in chrome

I want to create a responsive table with bootstrap and I divide the width of the table into 8-2-2 for 3 columns respectively. Firefox can display it correctly but not in chrome. …
bill
  • 101
  • 2
  • 9
2
votes
1 answer

Angular2 Metadata version mismatch for module for boostrap

how resolve this error : ERROR in Metadata version mismatch for module C:/xampp/htdocs/organic-shop/node_modules/@ng-bootstrap/ng-bootstrap/index.d.ts, found version 4, expected 3, resolving symbol AppModule in…
user2552863
  • 483
  • 3
  • 10
  • 18
2
votes
2 answers

are bootstrap grid breakpoints usually just enough, or is it more common to make other breakpoints?

The grid system as I understand xs = 0-767 pixels sm = 768-991 pixels md = 992-1199 pixels lg = 1200 pixels and up so, don't you guys feel like the xs class is completely not small and definitely not extra. I'm thinking of making a tiny…
Adel Abdellatif
  • 48
  • 5
2
votes
3 answers

stack bootstrap column vertically

i am trying to make a responsive website, a blog but i have a problem that am experiencing, the bootstrap grid i have col-lg-4 per blog but they vary in height and it follows a pattern by maintaining the same line of column, but i would like to…
Fillipo Sniper
  • 419
  • 2
  • 11
  • 28
2
votes
0 answers

How show content above specific screen size with Boostrap 3?

I want to display one div or another on the page depending on the screen size. So I have: the other one I should do Is there…
Fillype Farias
  • 622
  • 1
  • 8
  • 20
2
votes
2 answers

How to add vertical button using bootstrap?

How to add vertical button using bootstrap .
user2849048
  • 39
  • 1
  • 4
2
votes
2 answers

Trying to add checkbox dynamically does not display the value in UI but in console it is displayed

I'm trying to add checkbox dynamically with its value.I"m able to see the value in the console, like this where as, it is displaying only checkbox in the page.This is my code.
Hema Nandagopal
  • 668
  • 12
  • 35
2
votes
1 answer

how to pass a value using thymeleaf to data of bootstrap?

I want to use Thymeleaf to pass a value to data from Bootstrap. I don't know how to do it. Can you help me?
…
Reiko
  • 23
  • 3
1
vote
1 answer

Grid from Bootstrap not working in angular15

I´m trying to make a simple page using bootstrap grid, but for some reason it's not working. app-component.html:
test
Hugo vilar
  • 101
  • 6
1
2
3
…
16 17