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

cards within carousel-inner is not responsive

I have made carousel with 12 cards each side has 6 cards it's working fine with larger screens but I am unable to make it responsive for mobile screens I have tried every option to achieve responsiveness but unable to achieve results.Here is the…
Hania Hafeez Khan
  • 11
  • 5
-1
votes
1 answer

Bootstrap cards when dynamically generating elements with JavaScript

How to use Bootstrap cards when dynamically generating elements with Javascript? I am dynamically generating a list of restaurant recommendations based on preferences entered into a form by a user with JavaScript (using Yelp Business Search & Google…
Audrey Mondragon
  • 1
  • 1
-1
votes
1 answer

How to position a for loop of items in python flask

So, i have a for loop of items in flask and i'm trying to find a way to position them on the page.I have a forloop of tasks in bootstrap cards. When the user creates a card the card gets really goofy and the positioning gets really…
Avi Ball
  • 29
  • 6
-1
votes
1 answer

card-body in different levels of

I am following a web application tutorial on Youtube and come into a question. As you can see from the code
...
The output is like If I put card and card-body in different , the output would be strange.
BabyHai
  • 89
  • 1
  • 9
-1
votes
1 answer

Tangled cards in Bootstrap

I use Bootstrap 5 and I want the cards to be together I know you may not have noticed so I mean with this photo... enter image description here this is my code for this
NimiA
  • 1
  • 1
  • 6
-1
votes
1 answer

Bootstrap 3 cards align horizontally

I want card type structure horizontally in Bootstrap. Something like this and need pagination too for more cards. Can anyone help me with this design
Vivek Thorat
  • 1
-1
votes
2 answers

How to create button with text under icon using bootstrap 5 or css?

I want to create the following buttons using Bootstrap 5 or my own CSS classes. How can I achieve that? Examples: [Set of buttons][1] As you can see, some of them are working as a dropdown button. I have been looking and I only have found examples…
Emili Bellot Pulido
  • 107
  • 1
  • 10
-1
votes
1 answer

Fetch info in bootstrap card

I am trying to display cards but in this way, all three cards are showing the same information whereas I want every card to show specific entries in the database like 1st one the first entry and second one the second then the third one the third…
Shivendra Pratap Singh
  • 13
  • 1
-1
votes
1 answer

How to place the list items horizontally in bootstrap cards(lists have to be placed dynamically i.e coming from the backend)

I have created the bootstrap card and placed the lists coming from the backend but it is not showing properly(means the letters are coming one by one) dashboard.comonent.html
  • Haritha
    • 77
    • 2
    • 10
    • -1
    votes
    1 answer

    Bootstrap card with title in semi transparent box over image

    I want to create a bootstrap card where the title is in a semi transparent box over the image, while the rest of the card looks like regular bootstrap card. This is my code so far: