Rimuovi righe di riga nel bootstrap di twitter

Utilizzo il bootstrap di Twitter per alcune app Web che sono costretto a fare (non sono uno sviluppatore web) e non riesco a trovare un modo per disattivare le righe per le tabelle.Rimuovi righe di riga nel bootstrap di twitter

Come si può vedere dallo Bootstrap documentation, lo stile di tabella predefinito contiene righe di riga.

saluti,

fonte

2012-01-16 w00t

provato che non riesce a trovare nulla che possa essere ovvio, nessuno degli elementi coinvolgono utilizzare qualsiasi classe CSS. – w00t

116

Aggiungi questo alla tua CSS principale:

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

Utilizzare questo per le versioni più recenti di bootstrap:

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

fonte

2012-01-16 03:15:51

Non funziona per me. Lo metto nella parte html/head/style, ma chrome lo mostra con strike-through come se non fosse usato. Qualche idea? –

@MartinWickman questa risposta è stata scritta per una versione precedente del bootstrap (un punto qualcosa alla volta), quindi questo metodo richiede che la regola '! Important' funzioni, ma è possibile evitarlo rendendo il selettore un po 'più specifico come : '.table th, .table td { border-top: nessuno; } ' –

+45

Non sovrascrivere globalmente stili come questo. Utilizzare una nuova classe CSS, anziché sovrascrivere il valore predefinito per TUTTE le tabelle. '' '.table-borderless td, .table-borderless th { border: 0; } '' 'da http://coderwall.com/p/hfurca –

In Bootstrap 3 ho aggiunto una tabella-no - classe di bordo

.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; 
}

fonte

2013-11-08 16:08:45 dex412

Questa soluzione ha funzionato per me mentre gli altri no (comprese le soluzioni [qui] (http://stackoverflow.com/questions/18075794/bootstrap-table-without-stripe-borders)). Usando Bootstrap 3 tramite 'bootstrap-sass' in Rails. – Dennis

Questo funziona. Dovrebbe essere la risposta superiore IMO. –

Nel mio caso, non funziona. Sto usando una tabella reattiva e ho modificato la sua classe ('.table-responsive') in nessun bordo. – ArCiGo

bootstrap . min.css è più specifico del tuo foglio di stile se usi semplicemente .table td. Così utilizzare questo, invece:

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

fonte

2014-02-16 18:24:55 Spindle

Ho dovuto fare qualcosa di simile al target solo alcune celle: '' .table> tbody> tr> td.no-line { border-top: none; } '' – JoshP

grazie. il tuo metodo mi ha aiutato. –

Insieme a un selettore di intersezioni di classe, questo lo ha inchiodato per me. Grazie – nemesisfixx

Viceversa, se si hanno problemi aggiungendo le linee per il vostro pannello non dimenticate di aggiungere il al vostro tavolo. Per impostazione predefinita (http://getbootstrap.com/components/#panels), si supponga di aggiungere la linea, ma mi ha aiutato ad aggiungere il tag così ora vengono mostrate le righe di riga.

Il seguente esempio "probabilmente" wont visualizzare le linee tra le righe:

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

Il seguente esempio visualizzare le linee tra le righe:

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

fonte

2014-04-03 15:56:38

+1 per i bordi verticali. – Mood

Questo è ciò che ha funzionato per me ..

.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; 
}

Ha dovuto tirare fuori il! Importante per farlo restare.

fonte

2015-02-15 02:44:42 honkskillet

funziona, ma non è così che funziona per l'uso di '! Important' – vamsikrishnamannem

Ho ricevuto la stessa domanda da un amico. Il mio suggerimento che non richiede !Important è simile a questo: aggiungo una classe personalizzata "no-border" che può essere aggiunta alla tabella bootstrap.

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

Potete vedere il mio andare a un solution here

fonte

2015-03-30 15:40:58 Netsi1964

Rimuovi righe di riga nel bootstrap di twitter

risposta

Problemi correlati