Entfernen Zeile Zeilen in twitter bootstrap

Ich bin mit twitter bootstrap für einige web-app bin ich gezwungen, zu tun (ich bin kein web-Entwickler) und ich kann nicht einen Weg finden, deaktivieren Sie die Zeile, die Zeilen für die Tabellen.

Wie Sie sehen können aus die Bootstrap-Dokumentationdas Standard-Tabellenformat enthält eine Zeile Zeilen.

Grüße,

InformationsquelleAutor der Frage w00t | 2012-01-16

  1. 119

    Fügen Sie diese zu Ihrem Haupt-CSS:

    table td {
    border-top: none !important;
}

    Verwenden Sie diese Einstellung für neuere Versionen von bootstrap:

    .table th, .table td { 
     border-top: none !important; 
 }

    InformationsquelleAutor der Antwort Andres Ilich

  2. 51

    In Bootstrap 3 ich habe ein Tabelle-keine-Grenze-Klasse

    .table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border>tbody>tr>td, 
.table-no-border>tfoot>tr>td {
  border-top: none; 
}

    InformationsquelleAutor der Antwort dex412

  3. 15

    bootstrap.min.css ist spezifischer als Ihr eigenes stylesheet, wenn Sie gerade verwenden .Tabelle td. So verwenden Sie dieses anstatt:

    .table>tbody>tr>th, .table>tbody>tr>td {
    border-top: none;
}

    InformationsquelleAutor der Antwort Spindle

  4. 2

    Dies ist was für mich gearbeitet..

    .table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border>tbody>tr>td, 
.table-no-border>tfoot>tr>td,
.table-no-border>tbody,
.table-no-border>thead,
.table-no-border>tfoot{
  border-top: none !important; 
  border-bottom: none !important; 
}

    Hatte zu zücken !wichtig zu machen, stick.

    InformationsquelleAutor der Antwort honkskillet

  5. 0

    Habe die gleiche Frage von einem Freund. Mein Vorschlag, die nicht benötigt !Important sieht wie folgt aus: ich fügen Sie eine benutzerdefinierte Klasse "no-border", die Hinzugefügt werden können, um die bootstrap-Tabelle.

    .table.no-border tr td, .table.no-border tr th {
  border-width: 0;
}

    Können Sie sehen, meine gehen auf ein Lösung hier

    InformationsquelleAutor der Antwort Netsi1964

  6. 0

    Die andere Weise herum, wenn Sie Probleme, indem Sie die Linien, um Ihre panel-vergessen Sie nicht, fügen Sie zu Ihrem TISCH.
    Standardmäßig (http://getbootstrap.com/components/#panels), es ist angenommen, um die Zeile hinzufügen, aber Es hat mir geholfen, fügen Sie den tag so, jetzt die Zeile Zeilen angezeigt werden.

    Folgenden Beispiel "wahrscheinlich" nicht anzeigen der Zeilen zwischen den Zeilen:

    <div class="panel panel-default">
    <!-- Default panel contents -->
    <div class="panel-heading">Panel heading</div>
    <!-- Table -->
    <table class="table">
        <tr><td> Hi 1! </td></tr>
        <tr><td> Hi 2! </td></tr>
    </table>
</div>

    Folgende Beispiel zeigt die Linien zwischen den Zeilen:

    <div class="panel panel-default">
    <!-- Default panel contents -->
    <div class="panel-heading">Panel heading</div>
    <!-- Table -->
    <table class="table">
        <thead></thead>
        <tr><td> Hi 1! </td></tr>
        <tr><td> Hi 2! </td></tr>
    </table>
</div>

    InformationsquelleAutor der Antwort Juan Castellon

Schreibe einen Kommentar