JSFiddle - React, Tailwind, and code Playground
HTML
<title>Calculations</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="all">
<!-- CSS para impressão -->
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../../assets/js/ie-emulation-modes-warning.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<body >
<!-- Declaração de variaveis-->
<?php
$fabric = 0;
$spare = 0;
$xres = 0;
$yres = 0;
$mspeed = 0;
$lents = 0;
$sensor = 0;
$ncam = 0;
$dist = 0;
$fov = 0;
$ov = 0;
$alt = 0;
$alt1 = 0;
$alt2 = 0;
$ov1 = 0;
$fov1 = 0;
$pixeis = 0;
$pixeis1 = 0;
$pixeis2 = 0;
$ncam1 = 0;
$dist1 = 0;
$fov3 = 0;
$ov3 = 0;
$ncam4 = 0;
$dist2 = 0;
$fov4 = 0;
$ov4 = 0;
$i = 1;
$tabela = 0;
$cam = 1;
$plft = 0;
$prgt = 0;
$escolha =0;
/* Declaração do tamanho do pixel */
$px1=10;
$px2=5;
$px3=3.75;
?>
<div class="line">
<header class="header no-print">
<div class="row">
<form class="form-horizontal" action="systemsibar.php"id="form1" name="form1" method="POST">
<fieldset>
<!-- Text input-->
<div class="form-group">
<label class="col-md-5 control-label" for="Fabric">Fabric Wide</label>
<div class="col-md-6">
<input id="Fabric" name="Fabric" type="text" placeholder="mm" class="form-control input-md">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-5 control-label" for="Spare">Spare width</label>
<div...