twitter-bootstrap
पैनलों

टिप्पणियों

मूल उदाहरण

डिफ़ॉल्ट रूप से, सभी .panel कुछ सामग्री को समाहित करने के लिए कुछ बुनियादी सीमा और पैडिंग लागू करता है।

<div class="panel panel-default">
  <div class="panel-body">
    Basic panel example
  </div>
</div>

शीर्षक के साथ पैनल

.panel-heading साथ आसानी से अपने पैनल में एक हेडिंग कंटेनर जोड़ें। प्री-स्टाइल हेडिंग को जोड़ने के लिए आप .panel-title वर्ग के साथ कोई <h1>-<h6> भी शामिल कर सकते हैं। हालाँकि, <h1>-<h6> के फ़ॉन्ट आकार .panel-heading द्वारा ओवरराइड किए .panel-heading ।

उचित लिंक रंग के लिए, .panel-title शीर्षक के भीतर शीर्षकों में लिंक रखना सुनिश्चित करें।

<div class="panel panel-default">
  <div class="panel-heading">Panel heading without title</div>
  <div class="panel-body">
    Panel content
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Panel title</h3>
  </div>
  <div class="panel-body">
    Panel content
  </div>
</div>

पाद के साथ पैनल

.panel-footer में बटन या माध्यमिक पाठ लपेटें। ध्यान दें कि पैनल पाद जब प्रासंगिक विविधताओं का उपयोग के रूप में वे अग्रभूमि में होने के लिए नहीं होती हैं वारिस नहीं रंग और सीमाओं से करते हैं।

<div class="panel panel-default">
  <div class="panel-body">
    Panel content
  </div>
  <div class="panel-footer">Panel footer</div>
</div>