Estou com problema para usar o bootstrap4.1 em meu site, porem quando utilizo a versão3.3.7 ele funciona normalmente.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="curso de bootstrap 3">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<title>3° site com bootstrap tabelas</title>
<style>.table-striped > tbody > tr{
background-color:red;
}.table-hover > tbody >tr:hover{
background-color:blue;
color:white;
}
</style>
</head>
<body>
<div class="container-fluid">
<h3 class="text-center">Tabelas</h3>
</div>
<div class="row">
<div class="col-md-6">
<table class="table table-striped table-condensed table-hover table-bordered">
<thead>
<tr >
<th>Protocolo</th>
<th>Razão Social</th>
<th>CNPJ</th>
</tr>
</thead>
<tbody>
<tr>
<td>0001</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0001-00</td>
</tr>
<tr >
<td>0002</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0002-00</td>
</tr>
<tr>
<td>0003</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0003-00</td>
</tr>
<tr>
<td>0004</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0004-00</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-6">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Protocolo</th>
<th>Razão Social</th>
<th>CNPJ</th>
</tr>
</thead>
<tbody>
<tr>
<td class="success">0001</td> <!--linhas decoradas-->
<td class="danger">Bootstrap essencial - ME</td>
<td class="warning">00.000.000/0001-00</td>
</tr>
<tr class="success">
<td>0002</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0002-00</td>
</tr>
<tr class="warning">
<td>0003</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0003-00</td>
</tr>
<tr class="active">
<td>0005</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0005-00</td>
</tr>
<tr class="info">
<td>0004</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0004-00</td>
</tr>
</table>
</div> <!--tabela responsiva-->
</div>
</div>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</body>
</html>
**acima site usando a versão antiga**<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="curso de bootstrap 3">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<title>3° site com bootstrap tabelas</title>
<style>.table-striped > tbody > tr{
background-color:red;
}.table-hover > tbody >tr:hover{
background-color:blue;
color:white;
}
</style>
</head>
<body>
<div class="container-fluid">
<h3 class="text-center">Tabelas</h3>
</div>
<div class="row">
<div class="col-md-6">
<table class="table table-striped table-condensed table-hover table-bordered">
<thead>
<tr >
<th>Protocolo</th>
<th>Razão Social</th>
<th>CNPJ</th>
</tr>
</thead>
<tbody>
<tr>
<td>0001</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0001-00</td>
</tr>
<tr >
<td>0002</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0002-00</td>
</tr>
<tr>
<td>0003</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0003-00</td>
</tr>
<tr>
<td>0004</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0004-00</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-6">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Protocolo</th>
<th>Razão Social</th>
<th>CNPJ</th>
</tr>
</thead>
<tbody>
<tr>
<td class="success">0001</td> <!--linhas decoradas-->
<td class="danger">Bootstrap essencial - ME</td>
<td class="warning">00.000.000/0001-00</td>
</tr>
<tr class="success">
<td>0002</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0002-00</td>
</tr>
<tr class="warning">
<td>0003</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0003-00</td>
</tr>
<tr class="active">
<td>0005</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0005-00</td>
</tr>
<tr class="info">
<td>0004</td>
<td>Bootstrap essencial - ME</td>
<td>00.000.000/0004-00</td>
</tr>
</table>
</div> <!--tabela responsiva-->
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
</body>
</html>
o que denunciou a falha do framework foi a table-striped não ter funcionado e o estados nas linhas da tabela.Discussão (2)
Carregando comentários...