Navigation problem using Button in Bootstrap

Question

I created a JSF project and I’m using Bootstrap, and I’m trying to implement buttons in my project and I’m not being able to navigate them, see below;

thus work;

<li ><a href="/Terezinha.Bandeira" >Inicio</a></li>

so it doesn’t work;

<button type="button" class="btn btn-primary btn-lg" outcome="/Terezinha.Bandeira/" >Inicio</button>

I want to use this guy down here, but I can’t;

 <button type="button" class="btn btn-primary btn-lg">Large button</button>

Answer 1

Try this way:

<a href="/Terezinha.Bandeira">
    <button type="button" class="btn btn-primary btn-lg">Large button</button>
</a> 

Answer 2

Use jsf components like this:

<h:commandButton action="/Terezinha.bandeira" value="Inicio" styleClass="btn btn-primary btn-lg" />