Nous n'avons aucune zone de Groupe dans le bootstrap

Dans l'une de mes application, nous avons besoin d'une zone de groupe comme caractéristique, tout comme comme le montre l'image ci-dessous, Nous sommes en utilisant Twitter Bootstrap 3 css. J'ai cherché s'il existe une fonctionnalité dans le Bootstrap 3, mais ne pouvais pas trouver toutes, je ne sais pas si je suis absent de tout, pour le moment été, j'ai créé ma propre feuille de style css pour la création d'une structure comme ça, mais ne semble pas que du bon.

Quelqu'un peut-il me dire tout composant présent disponible dans le Bootstrap 3

CSS

table {
    border-collapse:separate;
    border:solid #2e6da4 1px;
    border-radius:6px;
    -moz-border-radius:6px;
}

td, th {

    border-left:solid #2e6da4 1px;
    border-top:solid #2e6da4 1px;
}

th {
    background-color: #337ab7;
    border-top: none;
}

td:first-child {
     border-left: none;
}

JSFiddle

Vous pouvez simplement utiliser col-md-3-4 fois dans une rangée pour avoir 4 'groupboxes'
jsfiddle.net/DTcHh/6752 comme ceci
getbootstrap.com/components/#panels
oui exactement ...mais peut-on avoir d'autres couleurs pour le titre
Vous pouvez toujours personnaliser les couleurs à l'aide de CSS pour remplacer la valeur par défaut, ou de l'utilisation de la norme de couleurs intégré à la méthode bootstrap. Jetez un coup d'œil aux exemples qui viennent avec bootstrap lorsque vous le téléchargez.

OriginalL'auteur Alex Man | 2015-04-17

Vous pouvez essayer de panneaux de bootstrap: Démo

HTML:

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

Oui, vous pouvez: Démo

Utilisation panel-primary de couleur Bleue. Pour plus d'info Lien De Référence

<div class="panel panel-default">...</div>
<div class="panel panel-primary">...</div>
<div class="panel panel-success">...</div>
<div class="panel panel-info">...</div>
<div class="panel panel-warning">...</div>
<div class="panel panel-danger">...</div>

Des panneaux est le chemin à parcourir !!
sauvé mon temps.. merci G. L. P
Vous êtes les bienvenus pointeur Null 🙂

OriginalL'auteur G.L.P

Utiliser des panneaux de Bootstrap: Démo

<div class="col-lg-3 col-md-3 col-sm-3">
    <div class="panel panel-primary">
        <div class="panel-heading">Panel heading without title</div>
        <div class="panel-body">Panel content blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blahblah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah
            <br/>blah</div>
    </div>
</div>

OriginalL'auteur

Il y a quelque chose de presque exactement cela dans la base de bootstrap exemples.
http://getbootstrap.com/examples/theme/

Ils les appellent des "panneaux" Voici le code:

<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>

OriginalL'auteur Ian M

Vous devez vous connecter pour publier un commentaire.