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
0
votes
3 answers

Bootstrap stacking columns

I have a silly bootstrap problem. code:
lorem...
lorem...
Salarenko
  • 105
  • 5
0
votes
1 answer

Vertically align content in side by side divs

I have two divs, side by side, where one (right) has more content that the other (left). I've been trying to have the right one, vertical align so it's centered in the middle of the left one. Here is the CodePen:…
user1319603
  • 765
  • 1
  • 9
  • 13
0
votes
3 answers

Bootstrap - row in row that goes beyond it a bit

body { font-family: 'Ubuntu', sans-serif; background: #0d0d0d; } body a { color: #fff; } body a:hover { color: #fff; } @media (min-width: 1500px) { .container { width: 1470px !important; } } nav { …
Krystian Polska
  • 1,286
  • 3
  • 15
  • 27
0
votes
0 answers

Bootstrap grid system not allowing click for mobile

I created a slideshow which works perfectly on desktop but on('click') doesn't work in the mobile version. However, the click works fine for other mobile buttons. html
andrewgi
  • 620
  • 1
  • 7
  • 22
0
votes
1 answer

Positioning two buttons at the edge of the div using bootstrap grid

how can I make those two buttons stick to the edge of the div using bootstrap grid? If someone can also explain a bit too please, I am trying to understand bootstrap grid... here is what I managed to do so far https://ibb.co/iLDZSv - link to…
Crackengous
  • 13
  • 6
0
votes
0 answers

Bootstrap tabs if too many layout broken

I use Bootstrap and themedesigner.in/demo/matrix-admin/index.html this theme I want to make tab panel like this: http://scr.hu/1det/63r1u but if I add more tabs layouts was destroyed: http://scr.hu/1det/d2s8w this is my code:
lenyAxe
  • 55
  • 1
  • 7
0
votes
4 answers

how to have a max height on my div.main class

on my website (using zenphoto and boostrap 3), I have an issue on my div.main class. http://test.vincentbourganel.fr I have static navbar and a fixed footer on the bottom. I want the div.main have "a height of 100% of the rest of the remaing…
vincent3569
  • 447
  • 1
  • 4
  • 9
0
votes
1 answer

boostrap grid system not responding as expected

So my understanding as per the documentation was xs = small like phones sm = ipads and other tablets md = smaller laptops lg = big laptops and big desktops
…
sqwale
  • 554
  • 3
  • 24
0
votes
0 answers

wysiwyg boostrap editor returning [object Object]

Am trying to pass wysiwyg boostrap editor content through ajax to a php page but the content of the editor returns as [object Object] i dont know what am doing wrong or what am not doing at all this is my code
nsikak
  • 111
  • 1
  • 13
0
votes
0 answers

What is the best way to represent the below data and highlight in UI

For example I have the following data, var expectedValuesObj = [ "a.com","testid1","200.00" ]; var actualValuesObj = [ ["a.com","testid1","200.00"], ["a.com","testid1","200.00"], …
Tanveer
  • 97
  • 1
  • 16
-1
votes
1 answer

How to dynamically alter column width in bootstrap grid

I want to place number of columns in a row dynamically. For example each student in students list should have one column. The width of the column should depend on number of students. Any help is much appreciated. Thanks Salman
Salman
  • 21
  • 4
-1
votes
1 answer

Is there a way to make bootstrap grid span multiple rows?

It spans rows columns, but how do I make bootstrap 5 span multiple rows? I want to make a collage with images, and I would like the collage to look like this: https://i.stack.imgur.com/JjnF0.png (guess I don't have a good reputation yet...) But…
BanAnna
  • 11
  • 3
-1
votes
2 answers

Bootstrap 5 Grid Not Equaling 12 Column Width

Correct me if I am wrong, a bootstrap grid consists of 12 columns (width-wise [per the Grid System Documentation]). If I specify two columns within a fluid container (always width 100%), the first column col-md-3, and the second col-md-9. Why does…
BeerusDev
  • 1,444
  • 2
  • 11
  • 30
-1
votes
1 answer

How can i create this bootstrap grid layout?

I'm trying to archive this layout on my page(left side of the picture), but I can't make the second element span on both rows. In container 2 I need to insert an image. Also, when I minimize the screen size, to make it a smartphone screen size, the…
CristiAndrei
  • 3
  • 1
-1
votes
1 answer

Remove x-axis scrollbar, In bootstrap 5 grid

I trying to make layout something like stack overflow in bootstrap 5, I am only using bootstrap grid not using other utilities class (using saas) , @import "../node_modules/bootstrap/scss/grid" This layout consist of fixed header , fixed left…
نور
  • 1,425
  • 2
  • 22
  • 38
1 2 3
…
16 17