Hello Jarmo,
On top of my head, a button has not width specified from bootstrap code.
Unless you give it one.
I recommend you create a class name at the parent that will act on your
button, e.g.
<div class="span3 *btn-group-wide*">
<div class="btn-group">
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" >
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Edit</a></li>
</ul>
<button type="button" class="btn btn-primary" data-toggle="collapse"
data-target="#emergency">
Emergency Contact
</button>
</div>
</div>
Look the name, it makes it obvious you want to act an effect on .btn-group.
Then create a CSS rule that would:
.btn-group-wide .btn-group {
width:100%;
}
This concept is what some calls Object Oriented CSS.
For the PHP, I can't help seeing your structure and not comment this:
If you want something minimal, you should look at Silex (
http://silex.sensiolabs.org/), Twig (http://twig.sensiolabs.org/), and
Doctrine2 (http://www.doctrine-project.org/) and read about PHP The Right
way http://phptherightway.com/
Hope I opened some lights :)
*
Renoir Boulanger*
Frontend developer &
Software designer
renoirboulanger.com/
Nouvelle *version *de mon site sur
*beta*.renoirboulanger.com/<http://beta.renoirboulanger.com/>
~
