Saudações,
Tenho uma dúvida de bootstrap e estou um pouco encalhado porque não sei como resolver... Já li a documentação, mas sinceramente, não me ajudou muito.
Em ponto numero 1, fiz a navigation bar como se fosse para a esquerda. O meu problema agora: não está ainda responsive!
Código (HTML):
cada li, tem css de uma sprite basicamente.
Eu queria que quando redimensiono este, aparece um botão do lado esquerdo (icon-bar) que ao carregar, apareca o menu do lado esquerdo.
Se precisarem do css parame ajudar melhor, também posso facultar.
Um exemplo: http://themeforest.net/item/appui-web-app-bootstrap-admin-template/full_screen_preview/8603616
Cumprimentos,
Pedro Cruz
Tenho uma dúvida de bootstrap e estou um pouco encalhado porque não sei como resolver... Já li a documentação, mas sinceramente, não me ajudou muito.
Em ponto numero 1, fiz a navigation bar como se fosse para a esquerda. O meu problema agora: não está ainda responsive!
Código (HTML):
<div class="col-md-2 text-center barradelado">
<ul class="nav nav-stacked">
<li><img src="~/img/logoExpBackoffice.png" /></li>
<li class="menufont2" style="margin-bottom: 50px;"><img src="~/img/exemp1.png" class="img-circle" style="width:70%;height:auto;" /><br /><span style="vertical-align:middle;"><i class="fa fa-user" style="margin-right:10px;"></i>Olá Empresa!</span></li>
<li class="menufont2 menuimg menuimg1">@Html.ActionLink("O MEU PERFIL", "omeuperfil", "backoffice")</li>
<li class="menufont2 menuimg menuimg2">@Html.ActionLink("EMPRESAS", "empresas", "backoffice")</li>
<li class="menufont2 menuimg menuimg3">@Html.ActionLink("REUNIÕES", "reunioes", "backoffice")</li>
<li class="menufont2 menuimg menuimg4">@Html.ActionLink("CALENDÁRIO", "calendario", "backoffice")</li>
</ul>
</div>
<ul class="nav nav-stacked">
<li><img src="~/img/logoExpBackoffice.png" /></li>
<li class="menufont2" style="margin-bottom: 50px;"><img src="~/img/exemp1.png" class="img-circle" style="width:70%;height:auto;" /><br /><span style="vertical-align:middle;"><i class="fa fa-user" style="margin-right:10px;"></i>Olá Empresa!</span></li>
<li class="menufont2 menuimg menuimg1">@Html.ActionLink("O MEU PERFIL", "omeuperfil", "backoffice")</li>
<li class="menufont2 menuimg menuimg2">@Html.ActionLink("EMPRESAS", "empresas", "backoffice")</li>
<li class="menufont2 menuimg menuimg3">@Html.ActionLink("REUNIÕES", "reunioes", "backoffice")</li>
<li class="menufont2 menuimg menuimg4">@Html.ActionLink("CALENDÁRIO", "calendario", "backoffice")</li>
</ul>
</div>
cada li, tem css de uma sprite basicamente.
Eu queria que quando redimensiono este, aparece um botão do lado esquerdo (icon-bar) que ao carregar, apareca o menu do lado esquerdo.
Se precisarem do css parame ajudar melhor, também posso facultar.
Um exemplo: http://themeforest.net/item/appui-web-app-bootstrap-admin-template/full_screen_preview/8603616
Cumprimentos,
Pedro Cruz