I'm a beginner in web design and need some assistance.
Currently, I am working with Bootstrap 3.0 and have a table with the following data...
<table class="table table-bordered" width="100%">
<thead>
<tr>
<th>Column 1</th>
<th>Column 1</th>
<th>Column 1</th>
</tr>
</thead>
<tbody>
<tr class="found">
<td>hello</td>
<td>hello</td>
<td>hello</td>
</tr>
<tr class="found">
<td>hello</td>
<td>hello</td>
<td>hello</td>
</tr>
<tr class="found">
<td>hello</td>
<td>hello</td>
<td>hello</td>
</tr>
<tr class="found">
<td>hello</td>
<td>hello</td>
<td>hello</td>
</tr>
<tr class="found">
<td>hello</td>
<td>hello</td>
<td>hello</td>
</tr>
<tr class="found">
<td>hello</td>
<td>hello</td>
<td>hello</td>
</tr>
</tbody>
I would like to implement a custom site.css file with the following custom class...
I intend to use class selector for "table" and " table-bordered". Therefore, I crafted the code as follows, with a class name of dash.
table.table-bordered.dash {
width:100%;
}
So, the first line of code should look like this...
<table class="dash">
Instead of writing
<table class="table table-bordered" width="100%">
I would like to write something similar to the snippet below
<table class="dash">
However, it is not functioning as expected. Can someone please assist?