Formulario de carrito con php y bootstrap

[martaplaton]

Hola!! pues estoy con una galería de imágenes en las cuales al hacer click, se abrirá una ventana emergente hecha con bootstrap (modal-dialog). en el pie de este modal, he incluido un botón que al hacer click dices que quieres comprar esta imagen -->

<button type="submit" name="anadir" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>Comprar</button>

Pues bien, al hacer click sobre él no me hace nada, no me va al action del form (carrito.php). He cerrado el </form> en mil sitios distintos. Tal vez ahora mismo esté mas seguramente.

Sabéis como puedo solucionarlo?
Os dejo el código. Muchas gracias.


while($fila = $resultado->fetch_array()){
echo"<form action='carrito.php' method='post'>";
echo "<input type='hidden' name='cod' value='".$fila['codigo']."'/>";
echo "<input type='hidden' name='nombre' value='".$fila['nombre']."'/>";
echo "<input type='hidden' name='precio' value='".$fila['precio']."'/>";
echo "<input type='hidden' name='imagen' value='".$fila['imagen']."'/>";


echo '


<a href="#'.$fila['codigo'].'" data-toggle="modal"><img src="'.$fila["imagen"].'" class="img-responsive" width="600" height="600"></a>

<div class="modal fade" id="'.$fila['codigo'].'">
<div class="modal-dialog">
<div class="modal-content">
<!-- encabezado de la ventana-->

<div class="modal-header">
<button tyle="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title"> '.$fila["nombre"].'</h4>
</div>

<!-- contenido de la ventana-->

<div class="modal-body">

<center><img src="'.$fila["imagen"].'" class="img-responsive" width="700" height="700"></center>

</div>
<!-- pie de la ventana-->

<div class="modal-footer">
<p class="texto">100x230</p>


<button type="submit" name="anadir" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>Comprar</button>


</div>
</div>
</form>
</div>
</div>

';

}