PHP - Alinhamento
Venho novamente retornando ao fórum, desta vez com PHP. Preciso desenvolver uma página central de solicitações e preciso alinhar os quadros para que fiquem lado a lado. Como posso fazer ? Segue trecho:
<div class="main">
<div class="main-inner">
<div class="container">
<div class="span12">
<div class="widget">
<div class="widget-header" align="center">
<strong><h3>Solicitações</h3></strong>
</div>
<!-- /widget-header -->
<div class="widget-content">
<div class="shortcuts">
<div class="span3"><div class="widget-content"><a href="javascript:#;" class="shortcut"><i class="shortcut-icon icon-windows"></i><span
class="shortcut-label">Suporte Técnico</span> </a></div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
class="shortcut-icon icon-shopping-cart"></i><span class="shortcut-label">Ordem de Compras</span></a></div></div>
<div class="span4"><div class="widget-content"> <a href="javascript:;" class="shortcut"><i
class="shortcut-icon icon-tasks"></i><span class="shortcut-label">Almoxarifado</span></a></div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-comment"></i><span class="shortcut-label">Comments</span> </a></div></div>
<div class="span2"><div class="widget-content"> <a href="javascript:;" class="shortcut"><i
class="shortcut-icon icon-user"></i><span class="shortcut-label">Users</span> </a></div></div>
<div class="span2"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
class="shortcut-icon icon-file"></i><span class="shortcut-label">Notes</span> </a></div></div>
<div class="span2"><div class="widget-content"> <a href="javascript:;" class="shortcut"><i
class="shortcut-icon icon-picture"></i> <span class="shortcut-label">Photos</span> </a></div></div>
<div class="span2"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-tag"></i><span class="shortcut-label">Tags</span> </a> </div></div>
</div>
<!-- /shortcuts -->
</div>
<!-- /widget-content -->
</div>
<!-- /widget -->
</div>
</div>
</div>
<!-- /span6 --> 
Chromusmaster
Curtidas 0
Respostas
Chromusmaster
06/03/2017
Consegui que fique alinhado, porém agora não estão todos com o mesmo tamanho alem disso os textos estão "zuados". Como proceder ?
<div class="main">
<div class="main-inner">
<div class="container">
<div class="span12">
<div class="widget">
<div class="widget-header" align="center">
<strong><h3>Solicitação de Serviços</h3></strong>
</div>
<!-- /widget-header -->
<div class="widget-content">
<div class="shortcuts">
<div class="row-fluid">
<div class="span3"><div class="widget-content"><a href="javascript:#;" class="shortcut"><i class="shortcut-icon icon-truck"></i><span
class="shortcut-label">Almoxarifado</span> </a></div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
class="shortcut-icon icon-bar-chart"></i><span class="shortcut-label">Apoio Tecnologico Educacional</span></a></div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
class="shortcut-icon icon-legal"></i><span class="shortcut-label">Assessoria juridica</span></a></div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-book"></i><span class="shortcut-label">Biblioteca</span> </a></div></div></div>
<div class="row-fluid"><div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
class="shortcut-icon icon-male"></i><span class="shortcut-label">Centro Atendimento Aluno</span> </a></div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
class="shortcut-icon icon-user"></i><span class="shortcut-label">Centro Atendimento Professor</span> </a></div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"><i
class="shortcut-icon icon-sitemap"></i> <span class="shortcut-label">Comitê de Ética</span> </a></div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-shopping-cart"></i><span class="shortcut-label">Compras</span> </a> </div></div></div>
<div class="row-fluid"><div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-edit "></i><span class="shortcut-label">Concursos</span> </a> </div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-briefcase "></i><span class="shortcut-label">Diretoria Geral</span> </a> </div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-road "></i><span class="shortcut-label">CEAD</span> </a> </div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-tags"></i><span class="shortcut-label">Extensão</span> </a> </div></div></div>
<div class="row-fluid"><div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-dollar"></i><span class="shortcut-label">Financeiro</span> </a> </div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-building"></i><span class="shortcut-label">Infraestrutura Campus</span> </a> </div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-calendar"></i><span class="shortcut-label">NEM</span> </a></div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-bullhorn"></i><span class="shortcut-label">Ouvidoria</span> </a></div></div></div>
<div class="row-fluid"><div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-tag"></i><span class="shortcut-label">Patrimônio</span> </a> </div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-key"></i><span class="shortcut-label">Portaria</span> </a> </div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-pencil"></i><span class="shortcut-label">Pós-Graduação</span> </a> </div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-list-alt "></i><span class="shortcut-label">Projetos e Processos</span> </a></div></div></div>
<div class="row-fluid"><div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-group"></i><span class="shortcut-label">Recursos Humanos</span> </a> </div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-copy"></i><span class="shortcut-label">Reprografia</span> </a></div></div>
<div class="span3"><div class="widget-content"><a href="javascript:;" class="shortcut"> <i
class="shortcut-icon icon-windows"></i><span class="shortcut-label">Tecnologia da Informação</span> </a> </div></div></div>
</div>
<!-- /shortcuts -->
</div>
<!-- /widget-content -->
</div>
<!-- /widget -->
</div>
</div>
</div>
<!-- /span6 --> GOSTEI 0
Joel Rodrigues
06/03/2017
Você está usando qual versão do Bootstrap?
GOSTEI 0
Chromusmaster
06/03/2017
Boa pergunta como olho isto ?
GOSTEI 0