<div class="container">
<div class="row">
<!-- Dado aleatorio 1 -->
<div class='col-sm-3 col-md-2 col-md-offset-2 dice'>
<h3>Dado 1</h3>
<img src='img/Dice-<?php
$dado1 = generarNumAleatorio();
echo $dado1;
?>
.png' class='img-responsive dice'></img>
</div>
<!-- Dado aleatorio 2 -->
<div class='col-sm-3 col-md-2 dice'>
<h3>Dado 2</h3>
<img src='img/Dice-<?php
$dado2 = generarNumAleatorio();
echo $dado2;
?>
.png' class='img-responsive dice'></img>
</div>
<!-- Formulario de los dados -->
<div class='col-xs-7 col-sm-3 col-sm-offset-1 col-md-2 col-md-offset-1'>
<form action="showResult.php" method="post">
<div class="form-group">
<label for="dado1">Dado 1</label>
<input type="text" class="form-control input-lg" name="dado1" maxlength = "1" placeholder="Valor dado 1">
<input type="hidden" name="hidDado1" value="<?php
echo $dado1;
?>
"><!--Nos sirve para comparar y validar los datos del user-->
?>
)'>
</div>
<div class='col-md-4 img'>
<img src='img/Dice-<?php
$dado4 = generarNumAleatorio('dace6');
echo $dado4;
?>
.png' id='dado4' onclick='pulsarDado("dado4", <?php
echo $dado4;
?>
)'>
</div>
<div class='col-md-4 img'>
<img src='img/Dice-<?php
$dado5 = generarNumAleatorio('dace6');
echo $dado5;
?>
.png' id='dado5' onclick='pulsarDado("dado5", <?php
echo $dado5;
?>
)'>
</div>
</div>
</div>
<!-- Pantalla operaciones y resultados -->
<div class="col-md-4 marcador">
<div id="pantalla">
<h1> Operaciones:</h1>
<h1 id="operaciones"></h1>