Which of the following creates Bootstrap's stripped table?Select one:O <table class="table table-stripped"></table>O <table class="table stripped-table"></table>O <table class="table stripped"></table>0 <table class="stripped"></table>
Answers
Answer:
<!-- Bootstrap table class -->
<table class="table">
<thead>
<tr>
<th scope="col">S. No.</td>
<th scope="col">Name</td>
<th scope="col">City</td>
<th scope="col">Age</td>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</td>
<td>Ajay</td>
<td>Patna</td>
<td>20</td>
</tr>
<tr>
<th scope="row">2</td>
<td>Rahul</td>
<td>Chandigarh</td>
<td>17</td>
</tr>
<tr>
<th scope="row">3</td>
<td>Parush</td>
<td>Kolkata</td>
<td>22</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Answer:
The class <table class= "table table-stripped"> </table> is used to create a stripped table in Bootstrap.
Explanation:
Bootstrap is a framework that is used to make our web pages or website compatible across all screen sizes and devices.
- You might have seen some websites are only viewable on desktops or laptops not via the mobile phone This is because they are not compatible with mobile screen sizes.
- This issue is overcome by using bootstrap.
- In bootstrap, we can create a strapped table that will be compatible with all the screen sizes.
- It is created by using the <table class = "tabletable-stripped"></table>.
- The rest of the syntax remains as it is in the HTML table. Only we need to add a bootstrap class.
#SPJ3