Horje
card bootstrap 4 Code Example
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 rel="nofollow" href="#" class="btn btn-primary">See Profile</a>
    </div>
  </div>
bootstrap card change image 
.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}
Source: stackoverflow.com
bootstrap + cards 
<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 rel="nofollow" href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>
Source: getbootstrap.com
Bootstrap Cards 
<div class="card-group">
  <div class="card">
    <img src="..." class="card-img-top" alt="...">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
    </div>
  </div>
  <div class="card">
    <img src="..." class="card-img-top" alt="...">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
    </div>
  </div>
  <div class="card">
    <img src="..." class="card-img-top" alt="...">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
    </div>
  </div>
</div>
Source: getbootstrap.com
bootsrap card 
<div class="card" style="width: 18rem;">
  <img src="..." class="card-img-top" alt="...">
  <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 rel="nofollow" href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>
Source: getbootstrap.com
bootsrap cards 
<div class="card-columns">
<div class="card" style="width: 18rem;">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
    <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 rel="nofollow" href="#" class="card-link">Card link</a>
    <a rel="nofollow" href="#" class="card-link">Another link</a>
    <div class="card-footer text-muted">Card footer</div>
  </div>
</div>
</div>
Source: getbootstrap.com



Csharp

Related
sum in c# Code Example sum in c# Code Example
unique items in list c# Code Example unique items in list c# Code Example
how to save datagridview data to database in c# windows application Code Example how to save datagridview data to database in c# windows application Code Example
C# that creates an integer array and displays the sum of all its element values. Code Example C# that creates an integer array and displays the sum of all its element values. Code Example
add mime type for woff in web.config Code Example add mime type for woff in web.config Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 16



 

Horje