Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
BlueHost Web Hosting

Bonsai Boy of New York Bonsai Trees and Accessories

Website Domains Names & Hosting | Domain.com

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

DreamHost Web Hosting


Instant Grammar Checker - Correct all grammar errors and enhance your writing

Liquid Web Cloud VPS Hosting

Disclosure We are a professional Programming & Software Q&A website, that receives compensation from some of the links whose we show you with Information. It means that my content may contain affiliate links.

12,689 questions

17,279 answers

573 users

How to create panels with contextual colored header and frame in Bootstrap

1 Answer

0 votes
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet"
        href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
 
<div class="container">
  <h2>Bootstrap panels with contextual colored header and frame</h2>
  <div class="panel-group">
    <div class="panel panel-default">
      <div class="panel-heading">Panel default</div>
      <div class="panel-body">Panel text</div>
    </div>

    <div class="panel panel-primary">
      <div class="panel-heading">Panel primary</div>
      <div class="panel-body">Panel text</div>
    </div>

    <div class="panel panel-info">
      <div class="panel-heading">Panel info</div>
      <div class="panel-body">Panel text</div>
    </div>
    
    <div class="panel panel-success">
      <div class="panel-heading">Panel success</div>
      <div class="panel-body">Panel text</div>
    </div>

    <div class="panel panel-warning">
      <div class="panel-heading">Panel warning</div>
      <div class="panel-body">Panel text</div>
    </div>

    <div class="panel panel-danger">
      <div class="panel-heading">Panel danger</div>
      <div class="panel-body">Panel text</div>
    </div>
  </div>
</div>
 
</body>
</html>

 




answered Jul 18, 2017 by avibootz
...