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
-1
votes
1 answer

How to add the number of rows based on odd and even number of bootstrap grid columns

I want to show the bootstrap grid columns with in the row based on the odd and even number of columns. In below code I have placed for loop so based on the backend data ,it will create the loop of maps. .component.html
-1
votes
2 answers

Div using instead of table in bootstrap

am using div to create of a table but i can create but with title i wants to give my customized padding and margin for the title.And that stylle should be applicable to the inner content of the div.kindly find the below picture and code.I need it…
Sathish
  • 149
  • 2
  • 19
-1
votes
2 answers

Centre buttons within bootstrap grid column when using angular *ngFor

I am using the bootstrap 4 grid system to display some buttons. I would like to horizontally center the buttons WITHIN a column - here the column with the green border. So far all attempts at justify-content-center have failed.
Fletch
  • 769
  • 1
  • 12
  • 33
-1
votes
2 answers

Arranging DIV using bootstrap 4 without using extra DIV

Arranging DIV is easy using bootstarp grid system, but some time its not achievable for me, I think it's not very complex and achieve without using extra DIV or code but my junk brain is not capable of achieve this grid deisgn, Thanks
Naveed
  • 33
  • 1
  • 9
-1
votes
1 answer

how to create row and columns in bootstrap 4 like the picture?

i have to create a layout like below picture in bootstrap 4. https://i.stack.imgur.com/JqJEJ.jpg
web lone
  • 33
  • 1
  • 1
  • 4
-1
votes
1 answer

Why does everythink in bootstrap is wrapped in anchor tag?

i am trying to use bootstrap for the first time in my life and i have a problem with bootstrap grid. When i try to insert - a href="#" tag -into grid it deform it and i really dont know why is that happening. Please help me i am trying to solve this…
PatrikPika
  • 3
  • 1
-1
votes
3 answers

Bootstrap Grid [2 items] in center

I'm making a website using bootstrap and this is a screenshot of the grid from w3schools.com. In my website, Instead of having my profile picture on the left 1 of 2 and a bullet list on the right side on 2 of 2. I want my profile picture on 2 of 4…
Azazel
  • 573
  • 3
  • 10
  • 23
-1
votes
3 answers

How to make bootstrap wrapped columns to stretch full width

I have simple code example on codepen but here is the markup for convinience:
One of three columns
mlst
  • 2,688
  • 7
  • 27
  • 57
-1
votes
1 answer

I want to centralize a devise simple-form in a rails project with div class="col-md-6 col-md-offset-3"

I have tried to put a div block, with class="col-md-6 col-md-offset-3", around my devise simple_form expecting that this would take 1/3 of my screen width and would be centralized (offset). It did not worked. Why ?
Bruno Toledo
  • 87
  • 1
  • 9
-1
votes
3 answers

How to make a custom Bootstrap Grid

I need to make a bootstrap grid for my image section. But I can not figure out how to do this as I am new to web development. Can some body please help me in achieving the following grid? In the large screens I want to show 6 columns but on the…
Nomi
  • 27
  • 1
  • 6
-1
votes
2 answers

Update not all Bootstrap grid breakpoints

I have 2 questions: 1. What the $container-max-width Bootstrap variable is used for? 2. How should I override the variables if I need the following resolutions? sm: 0px -> 768px - tablet portrait md: 769px -> 1442px - tablet landscape and laptop …
xyzz
  • 21
  • 1
  • 7
-1
votes
1 answer

Custom Bootstrap Grid Breakpoints

I have 2 questions: 1. What the $container-max-width Bootstrap variable is used for? 2. How should I override the variables if I need the following resolutions? sm: 0px -> 768px - tablet portrait md: 769px -> 1442px - tablet landscape and laptop …
xyzz
  • 21
  • 1
  • 7
-1
votes
2 answers

Different behaviours for col-lg

I have a card that uses size 3 for col-lg. But I want a different behaviour for monitors 1920x1080 and 1366x768. But both are still col-lg. For example: col-1g-2920x1080 = col-IgG col-1g-1366x768 = col-IgG
-1
votes
1 answer

Fixed size but responsive cards boostrap3

I want to make my cards have fixed size, but they fit all types of screens. Currently they are fixed size, but on smaller screens they are getting one over the other, I want them to fit on the screens. 1920x1080px: Here is correct, but on screens…
Rafael Augusto
  • 777
  • 5
  • 14
  • 28
-1
votes
3 answers

boostrap 3.3.6 navbar doesnt work

cant find the reason why when i cant use the button when i make my web browser smaller? i tried looking in the internet but u cant find a solution
1 2 3
…
16
17