html - competing CSS stylesheets -
I am trying to remove the boundaries on a specific table:
& lt ; Table class = "teacher" & gt; & Lt; TR & gt; & Lt; Td> Line 1 & lt; / Td> & Lt; Td> Colonel 1 & lt; / Td> & Lt; Td> Call 2 & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> Line 2 & lt; / Td> & Lt; Td> Colonel 1 & lt; / Td> & Lt; Td> Call 2 & lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt;
You can see my Bela
I think that from bootstrap.css
my site.css
Competing but I am not sure how to get rid of the boundaries?
My teacher (from site.css
) is styled here:
Reader {Text-align: left; Padding: 0; } .taker table {limit: none! Important; Border-Fall: Fall! Important; }. Teacher .contentLabel {width: 45%; }. Reader input {width: 10px; Padding: 0 pixels; }. Reader texture {width: 225px; Padding: 0 pixels; }
My bundle:
bundles. Include ("~ / content / site.css", "~ / content / bootstrap.css", "~ / content / bootstrap-theme.css", "add new style bundle" ("~ / content / CSS /") ~ / Content / bootstrap-duallistbox.css "," ~ / content / jquery.dataTables.css "));
I think this is what is causing this problem with Bootstrap:
.table {width: 100%; Margin-down: 20px; } .table & gt; Threads & gt; Tr & gt; Th, .table & gt; Cart & gt; Tr & gt; Th, .table & gt; Walking & gt; Tr & gt; Th, .table & gt; Threads & gt; Tr & gt; TD, .table & gt; Cart & gt; Tr & gt; TD, .table & gt; Walking & gt; Tr & gt; Td {padding: 8px; Line-height: 1.428571429; Vertical-alignment: top; Border-top: 1px solid #ddd; } .table & gt; Threads & gt; Tr & gt; Th {vertical-align: bottom; Border bottom: 2px solid #ddd; } .table & gt; Caption + thead & gt; Tr: First-Child & gt; Th, .table & gt; Colgroup + thead & gt; Tr: First-Child & gt; Th, .table & gt; Meditation: First child & gt; Tr: First-Child & gt; Th, .table & gt; Caption + thead & gt; Tr: First-Child & gt; TD, .table & gt; Colgroup + thead & gt; Tr: First-Child & gt; TD, .table & gt; Meditation: First child & gt; Tr: First-Child & gt; TD {boundary-top: 0; } .table & gt; Tbody + tbody {border-top: 2px solid #ddd; } .table .table {background-color: #fff;
& lt; Td>
In Line 94
td {color: # 000; / * Range: 1px solid # 7c7c7b; * / Padding: .3em 1em; Align text: left; }
If you ever wanted to & lt; Thead & gt;
and & lt; Th & gt; If you use elements for tables, additional pieces of CSS: line 103: th (color: #) 7c7c7b; font weight: 700; font-size: big; text align: center; / * border: 1px solid # 7c7c7b; * / padding: .3em 1em;}
Line 112:
th.th2 {color: # 7c7c7b; font-weight: 300; font-size: big; text align: center; / * border: 1px Solid # 7c7c7b; * / padding: .3em 1em;}
Comments
Post a Comment