bootstrap-4 Questions

justified nested button group in bootstrap 4-Twitter bootstrap

May 16, 2019
Rahul
3 Answers

I am having a Button group control like this. <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" rel="stylesheet"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/> <div role="group" class="d-flex btn-group"> <button type="button" class="w-100 btn btn-outline-secondary"><i class="fas fa-print"></i></button> <div role="group" class="dropdown btn-group"> <button aria-haspopup="true" aria-expanded="false" type="button" class="dropdown-toggle btn btn-outline-secondary"><i class="fas fa-download"></i></button> <div…

VIEW QUESTION

CSS How to make a div container show background images to the left and right outside of the div?-Twitter bootstrap

May 15, 2019
Lucas Santos
2 Answers

The website I'm developing uses the bootstrap framework. The problem that follows is that I have a container div that should have a background image outside the div both to the left and to the right with the chosen image…

VIEW QUESTION

Bootstrap – NavBar is not collapsing well first element-Twitter bootstrap

May 10, 2019
Victor_Dorado
2 Answers

I'm trying to make a responsive navbar. It is working fine in large windows but when I put it in a xs screen it is not collapsing well the fist element of the nabar. I put an exemple of the…

VIEW QUESTION

Remove white space under overflow-auto div-Twitter bootstrap

May 9, 2019
Carlo
2 Answers

I have added the css property "overflow: auto;" to bootstrap tabs. It works, but there is a white space below the tabs. Any ideas what am I doing wrong ? Thanks I've tried to change the height, switch to overflow…

VIEW QUESTION

Is there any possibility to use the css classes of twitter bootstrap in shadow dom?

April 29, 2019
Andreas
2 Answers

Is there any possibility to use twitter bootstrap inside shadow dom? At this point, a major advantage turns out to be a disadvantage.

VIEW QUESTION

how do i make cards all same height on all screens with footer at the bottom?-Twitter bootstrap

April 18, 2019
Ricky Jaime
2 Answers

when i click on the card tabs, the whole page moves when switched over because of smaller height. I was able to make the card one whole size but it leaves white space under the footer and I don't think…

VIEW QUESTION

Does twitter bootstrap have any font-size utility classes?

April 17, 2019
Lee McAlilly
3 Answers

I can't find any utility classes for changing the font size in Bootstrap. There are utility classes for margins and padding, etc. There are display classes for headings and there's a lead class for paragraphs, but is there any way…

VIEW QUESTION

How do I do layout like this in HTML?-Twitter bootstrap

March 26, 2019
Mayur Bhangale
2 Answers

[Web design noob] I'm trying to create layout like below: Here's what I have tried so far: .inner, .outer { position: relative; } .dash { border: 0; border-top: 1px dashed #cfcfcf; } .vertical-line { width: 2px; height: 100px; background: 100%…

VIEW QUESTION

Align a Span and Heading within card-header-Twitter bootstrap

March 6, 2019
wondra
2 Answers

I would like to style Bootsrap 4's card-header so that there is a heading and span vertically aligned on same line. The header should consist of a <hX> heading for expanding card's card-body and a <span> which is non-clicable and…

VIEW QUESTION

breakpoint effect in Bootstrap-Twitter bootstrap

February 26, 2019
user9623401
4 Answers

I'm a beginner in Bootstrap, just a question on the following code: <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="row border"> <div class="col-lg-4 border">One</div> <div class="col-lg-4 border">Two</div> <div class="col-lg-4 border">Three</div> </div> </div> if I size my browser window to small size…

VIEW QUESTION