Search
 
SCRIPT & CODE EXAMPLE
 

HTML

card bootstrap 4

  <div class="card" style="width:400px">
    <img class="card-img-top" src="img_avatar1.png" alt="Card image" style="width:100%">
    <div class="card-body">
      <h4 class="card-title">John Doe</h4>
      <p class="card-text">Some example text some example text. John Doe is an architect and engineer</p>
      <a href="#" class="btn btn-primary">See Profile</a>
    </div>
  </div>
Comment

bootstrap 3 cards example

<div class="panel panel-default">
  <div class="panel-heading">Panel Heading</div>
  <div class="panel-body">Panel Content</div>
  <div class="panel-footer">Panel Footer</div>
</div>
Comment

bootstrap 5 card simple

<div class="card" style="width: 18rem;">
  <img src="..." class="card-img-top" alt="...">
  <div class="card-body">
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
</div>
Comment

bootstrap card component

<div class="card" style="width: 18rem;">
  <img class="card-img-top" src="..." alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>
Comment

Bootstrap 4 Cards

<div class="card">
  <div class="card-body">Basic card</div>
</div>
Comment

PREVIOUS NEXT
Code Example
Html :: bootstrap cards 
Html :: onclick button how to import file upload using dialog in html 
Html :: React Css Class Module 
Html :: bootstrap 4 tabs 
Html :: game html 
Html :: picture element html 
Html :: form row twig symfony 
Html :: table design in html 
Html :: input 
Html :: how to make body full size 
Html :: markdown editor 
Html :: Simple example of adding javascript in body tag of HTML 
Html :: create box in html 
Html :: html input checkbox checked 
Html :: commento in html 
Html :: html elements list explained 
Html :: html elements list 
Html :: tailwind css range slider 
Html :: lang element html 
Html :: Spaces not showing as I typed HTML 
Html :: site:www.javascriptcn.com como criar uma cal com letras e numeros 
Html :: object.keys not working in angular html 
Html :: html li tag 
Html :: html input only numbers and special characters in textbox 
Html :: xss protection 
Html :: puppeteer html custom attribute 
Html :: launch html in google chrome from terminal 
Html :: html domain 
Html :: html circle symbol 
Html :: stimulus target 
ADD CONTENT
Topic
Content
Source link
Name
3+1 =