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

No wrap of Bootstrap columns

I've downloaded a ready-made HTML5 website template from w3layouts.com that is under CC3.0 license. Because the used scripts like Bootstrap etc. are all old version I'm updating these and the source code to function. But I'm on a issue that I can't…
Johannes Mages
  • 1
  • 2
  • 2
-1
votes
1 answer

Which column classes should be used in Bootstrap to create more resposive Webpage

BootStrap allows four types of classes for column/Grid System. .xs // for mobiles .sm // for tablest .md // for laptops and normal desktops .lg // for larger desktop Suppose i want to create a webpage/website which should be more resposive…
kashif Riaz
  • 19
  • 6
-1
votes
1 answer

How to keep elements from moving and/or resizing when resizing window?

I understand this question's been asked countless numbers of times and I've looked through them. Okay, I'm currently working on a website, just for personal practice, and am starting out by doing the layout. It has the Boostrap grid system on there,…
TheGuy445
  • 1
  • 6
-1
votes
2 answers

Bootstrap nested grid alignment issue

I am really perplexed about this bootstrap grid issue. From the screenshot below (source: http://uforest.org/Species/C/Callerya_atropurpurea.php). The header "References" has gone out of its grid alignment at the size of md & sm. As you can see…
Jake
  • 2,482
  • 7
  • 27
  • 51
-1
votes
1 answer

How can i resolve file to import not found or unreadable in rails 5

why rails 5, when twitter-boostrap getting below error file to import not found or unreadable: bootstrap-sprockets. rails 5 getting error in c9.io while using the boostrp
gandham varesh kumar
  • 1
  • 4
-2
votes
1 answer

Dynamic Bootstrap grid column size

I'm using the Bootstrap grid and I have two columns:
... content 1 ...
... content 2 ...
I would like to have the first column col-md-7 dynamically: if the near column col-md-5…
Safari
  • 11,437
  • 24
  • 91
  • 191
-2
votes
1 answer

how do i create a photo collage with html css and bootstrap

I tried adding images to the div it did't work for me, Therefore I tried adding…
Pankaja Chalaru
  • 1
  • 3
-2
votes
3 answers

Bootstrap 4 Grid format

Does anyone know how to do this type of grid style in bootstrap 4? Thanks in advance.
Terence
  • 27
  • 3
-2
votes
1 answer

Dismiss modal view issues

I want to create a button action create with disable/enable button then close model view: // button: type="submit" class="btn btn-primary" data-dismiss="modal" ng-disabled="!newSong.name" ng-click="saveSong()" >Create --> Issue: when ng-click done…
FanLink
  • 1
-2
votes
1 answer

Center element vertically in bootstrap 4.0?

I want an element to be centered vertically in a page and i am using bootstrap 4.0. Most of the methods i found were about earlier versions or the alpha, and the official method doesn't work, so, could someone please explain clearly once and for all…
Spooikypok_Dev
  • 183
  • 8
-3
votes
2 answers

My logo isn't fitting into the nav-bar

The whole bootstraps thing is killing me. I'm so lost on this subject if there's anyone who can help me out on this, I'll be really thankful. Sorry that my style sheet can't connect to this website. My nav-bar looks like this but it should look…
Firebat
  • 1
  • 1
-3
votes
1 answer

Change col-lg-3 size

I need my col-lg to have a different size depending on the resolution, for example: How can this be done? .col-lg-3 { /* styles for 1366x768px screen */ } @media screen and (min-width: 1920px) and (min-height: 1080px) { .col-lg-3 { …
Rafael Augusto
  • 777
  • 5
  • 14
  • 28
-3
votes
1 answer

How to Make Fix Position Like Facebook Promote Side bar

Hello All Brother and Sister!! I want to Make a Side Bar That We Scroll Down like my Image And Then it Fix Like This Thanks In advance
ORN SIVEY
  • 7
  • 2
-4
votes
1 answer

Responsive non-linear section transition (HTML/CSS)

I'm searching for an elegant way to make non-horizontal section transition in my HTML (Bootstrap) page. It should work on mobile and also with video- or parallax backgrounds. Do you have any suggestions?
Tenzi
  • 3
  • 1
1 2 3
…
16
17