Stack Overflow
Stack Overflow

Questions tagged [bootstrap-cards]

Bootstrap’s cards provide a flexible and extensible content container. Use this tag both for Cards and related classes (such as Card groups)

Cards are a component of Bootstrap.

Documentation (for version 4.0) can be found here, this includes information about associated classes such as card-group and card-deck.

Cards replace panels, wells, and thumbnails (from Bootstrap 3).

146 questions
0
votes
1 answer

Is it possible to have a navbar on bootstrap cards when they are dynamically created?

I'm working on a website where I have multiple cards representing a product. I want to have tabs on the top of each card so that the user can see more details; however, when I try doing this, no matter which card I click the tab on, only the very…
david
  • 11
  • 2
0
votes
0 answers

How to make Bootstrap's card image the same size?

I'm using Boostrap to build a website whose purpose is to display a list of items. Each item is a card and has an image attribute. The problem is that the image of different items can have very different size. This results in some card having a lot…
Julien Mertz
  • 465
  • 2
  • 8
  • 22
0
votes
1 answer

Bootstrap 4.3 cards not showing correctly in Internet explorer

I'm using Bootstrap 4.3.1 and trying to create a view with cards. the problem i'm getting is the cards are displaying perfectly fine in chrome and other browsers while its not displaying correctly in Internet Explorer 11
…
piyush sanadhya
  • 424
  • 3
  • 13
0
votes
0 answers

Bootstrap pull-right does not work in card header on Safari, but work in Chrome

Cards on Safari Cards on Chrome Below is my code. I add pull-right class to card headers. It works well on Chrome but not work on Safari. Does anybody know the reason or have any solutions for it? Thanks very much!
echo
  • 1,244
  • 1
  • 16
  • 40
0
votes
3 answers

how to make a big image to be not drawn to height we want in bootstarp4

i want to make a big image like a cards in bootstrap (Image overlays) but image is too big and the height i want ..this is i have done : html :
Faraz salehi
  • 328
  • 2
  • 17
0
votes
1 answer

How can I modify card-colmns of bootstrap?

I am using card-columns class from Bootstrap 4 to design a page for my portfolio. Everything is fine but I want a change in the look so that it looks some more attractive. This is the design I have made. I want the Other Projects (same width as of…
Barefaced Bear
  • 688
  • 1
  • 9
  • 30
0
votes
2 answers

Close Bootstrap Card Container

I have a card container in my code. I have added a 'close' button that I want to close the card when I click it. I am unsure how to make this work and I've been looking at a lot of articles online. I have the following code:
alexmcc42
  • 27
  • 1
  • 2
  • 5
0
votes
0 answers

card-deck images bootstrap4 not working in IE-11

Hello I Use simple bootstrap-4 cards code but the images are not displaying properly in IE-11, even i used h-100 for cards but the issue is not resolved
Ajaz Shaik
  • 1
  • 1
0
votes
0 answers

wrong animation placement with div particles js

I am using bootstrap cards on my web page which are something like this.
Mousam Sangwan
  • 31
  • 2
0
votes
0 answers

Dynamic card with condition using Angular & Bootstrap

I'm trying to make my cards dynamic but they have a condition. I checked the angular doc and I couldn't find the answer. Basically I have a cards component with the condition of clicking on a nav link it shows one set of cards and the other shows…
Sahara Panda
  • 11
  • 2
0
votes
1 answer

I would like my card list to collapse into 2 columns, with header repeating

I am generating a "table" using bootstrap cards, fetching data via $smarty. I would like to collapse the the table into 2 columns when the viewport gets small. So that the header will be on the left, with attributes like: name, date, age. And the…
user2008560
  • 39
  • 1
  • 1
  • 7
0
votes
2 answers

How to vertically align Bootstrap 4 card title text to bottom

I have four Bootstrap 4 cards lined up, but the title for just one of the cards wraps to a second line. How can I code this so that all four card titles are flush bottom? I tried setting the height of each card to a certain pixel height and then…
user3120861
  • 177
  • 2
  • 17
0
votes
1 answer

How to add border on bootstrap 4 cards

I am new to bootstrap and I would like to add cards to the default index page that is scaffolded when I start a new ASP.NET MVC project My understanding is that bootstrap includes a border on the card. However, when I ran the application, the card…
darlink
  • 69
  • 1
  • 8
0
votes
1 answer

Fixed amount of cards in Bootstrap 4 card deck

In Bootstrap 4, can I define a card deck with just two cards (or less) in a row? Example: 1st + 2nd 3rd + 4th 5th + 6th 7th All cards within in a row should have the same height. But every row is allowed to have a different/individual height. I…
Ingmar
  • 1,525
  • 6
  • 34
  • 51
0
votes
0 answers

Grouping Bootstrap Cards

Im trying to add a group onto some bootstrap cards so that a the cards are displaying the data first and then the relevant cards after, e.g: 22 March 2018 1st-Card 2nd-Card 23 March 2018 1st-Card At the moment I have this, but this displays all…
Hallidayo
  • 31
  • 7
1 2 3
…
9
10