Jump to content

Search the Community

Showing results for tags 'bootstrap'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Bem-vindos ao Portugal-a-Programar
    • Sugestões, Críticas ou Dúvidas relativas ao P@P
    • Acerca do P@P
  • Comunidade a Trabalhar
    • Wiki P@P
    • Apresentação de Projectos de Programação
    • Downloads
  • Revista PROGRAMAR
    • Revista PROGRAMAR
  • Desenvolvimento Geral
    • C
    • C++
    • Java
    • Haskell
    • Pascal
    • Python
    • Bases de Dados
    • Visual Basic Clássico
    • Visual Basic for Applications (VBA)
    • Dispositivos Móveis
    • Outras Linguagens
  • Desenvolvimento Orientado para Web
    • PHP
    • HTML
    • CSS
    • Javascript
    • Outras Linguagens de WebDevelopment
    • Desenvolvimento Web
  • Desenvolvimento .NET
    • C#
    • Visual Basic .NET
    • ASP.NET
    • WPF & SilverLight
  • Software e Sistemas Operativos
    • Software de Produtividade
    • Sistemas Operativos
    • Apresentação de Software
  • Informática
    • Interfaces Visuais
    • Computação Gráfica
    • Algoritmia e Lógica
    • Segurança e Redes
    • Hardware
    • Electrónica
    • Automação Industrial
    • Matemática
    • Dúvidas e Discussão de Programação
    • Notícias de Tecnologia
  • Outras Áreas
    • Dúvidas Gerais
    • Discussão Geral
    • Eventos
    • Anúncios de Emprego
    • Tutoriais
    • Snippets / Armazém de Código
  • Arquivo Morto
    • Projectos Descontinuados
    • System Empires

Blogs

  • Blog dos Moderadores
  • Eventos
  • Notícias de Tecnologia
  • Blog do Staff
  • Revista PROGRAMAR
  • Projectos
  • Wiki

Categories

  • Revista PROGRAMAR
  • Tutoriais
  • Textos Académicos
  • Exercícios Académicos
    • Exercícios c/ Solução
    • Exercícios s/ Solução
  • Bibliotecas e Aplicações
  • Outros

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Found 10 results

  1. informaster

    PHP + Bootstrap + MySQL

    Bom Dia A todos. Espero que estejam bem. Preciso de uma ajuda... Tenho 3 botoes que tem que obdecer uma ordem. 1º Escolher o mapa 2º Escolher as lojas para filtrar dados 3º escolher o periodo Sou um pouco novo no bootstrap e php.... preciso que alguem me dê ideia como na pagina dashboard.php vou filtrar tudo ao mesmo tempo em real time.... Estou confuso... pois cada coisa daquelas obdece a uma query diferente.. e tem que apresentar na mesma pagina os resultados Fica aqui as imagens..... https://ibb.co/nrH00T https://ibb.co/eDMcfT https://ibb.co/fet178 https://ibb.co/megzuo
  2. leinad

    angular + bootstrap

    Boas gente, recentemente adquiri um template em bootstrap 3, já com algumas páginas pré-criadas, e estou-me agora a iniciar em angular, dai pretender incorporar este template no projecto que irei iniciar em angular, têm dicas ou algum tutorial com boas práticas a seguir na incorporação do template em Angular?
  3. joaot

    Ajuda para tornar site responsivo

    Olá, Tenho a versão mais recente do bootstrap e criei um template para um site. Quando tento experimentar o site responsivo, clico em menu e não acontece nada. A minha intenção é que a navbar fique presa deixando o texto passar sem nunca sair do seu sitio. Está aqui o ficheiro html. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <title>Linux Starter</title> <!-- Bootstrap core CSS --> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom fonts for this template --> <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css"> <!-- Custom styles for this template --> <link href="homestyle.css" rel="stylesheet"> </head> <!-- Navigation --> <nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav"> <div class="container"> <a class="navbar-brand" href="#">Linux Starter</a> <button class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> Menu <i class="fa fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="#">Blog</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Dowloads</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Contacto</a> </li> </ul> </div> </div> </nav> Obrigado.
  4. onurb

    Erro Toggle Menu mobile safari/iphone

    Boa tarde, estou a fazer um site usando a estrutura do boostrap. A ideia é que o menu, quando é acedido num telémovel, ocupe o ecrã todo. Está a funcionar em tudo o que é mobile menos em iphone. Quando clicamos para abrir o menu não acontece nada. Na query para telemóvel reparei que se tirar a linha position:fixed dentro de nav ul {} o menu abre ( mas sem a position:fixed nao aparece a ocupar o ecra todo À frente de tudo). Não sei se me fiz explicar bem. Deixo o css que tenho dentro da media query de telemoveis. nav ul { z-index: 20; height: 100%; width:100%; background-color:#0b8f84; top:0px; left:0px; position:fixed; } nav ul li{ width:50%; height:50%; display:inline; text-align:center; } nav ul li a{ padding-top:20px; }
  5. chicote

    Bootstrap mobile

    Boa tarde, Queria saber a vossa ajuda relativamente à utilização de temas bootstrap. Será correto utilizar dois layouts diferentes, para mobile e para pc? utilizando display none. Vejam o exemplo em baixo: <div class="para_mobile"> Mostra conteudo para equipamentos moveis; tablets; smartphones.... </div> <div class="para_pc"> Mostra conteudo para PC's e equipamentos de maior ecrã.... </div> <style> @media only screen and (min-width: 767px) { .para_mobile { display: none; } .para_pc{ estilo.... } } @media only screen and (max-width: 767px) { .para_pc { display: none; } .para_mobile{ estilo.... } } </style> Isto é correto fazer? Obrigado
  6. Saudações, Venho aqui novamente com uma dúvida, e acho que é uma mistura de conceitos, daí não saber bem onde postar. caso esteja errado peço a um administrador que mude a posição do tópico A minha dúvida é replicar algo que não está responsive para responsive propriamente. a minha dúvida é: Fazer um menu que tenha estas funcionalidade: http://prntscr.com/66ncyv Isto é supostamente uma barra fica, que ao fazer hover sobre o azul da barra aparece: http://prntscr.com/66ndaw Aparece basicamente cada página referente ao icon. Pensei em fazer em jquery, que ao fazer um hover, ele soma um width e acrescenta um texto, com o display block numa class. Quando não existe hover, display none. No entanto, e o meu maior problema é por esta barra fixa quando estamos a fazer scroll e também em mobile haver um botão na barra de cima, que não estou a conseguir fazê-lo. Mostrando código, fui pela ideia do bootstrap, que foi fazer isto: <div class="navbar-fixed-top mmstop-bar"> <div class="mmstop-bar-logo"> Markdata Media Suite <div class="navbar-header pull-right"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> </div> <div class="navbar-collapse collapse"> <ul class="nav nav-pills nav-stacked leftbar mmsmenu"> <li><a runat="server" href="~/"><i class="fa fa-reply coloricon"></i> <div class="itemmenumms" id="home">Página Principal</div> </a></li> <li><a runat="server" href="~/eTelereport"><i class="fa fa-signal coloricon"></i> <div class="itemmenumms" id="eTelereport">eTelereport</div> </a></li> <li><a runat="server" href="~/iBrand"><i class="fa fa-pie-chart coloricon"></i> <div class="itemmenumms" id="iBrand">iBrand</div> </a></li> <li><a runat="server" href="~/login"><i class="fa fa-pie-chart coloricon"></i> <div class="itemmenumms" id="login">login</div> </a></li> </ul> </div> e também não me aparece o botão quando tou em mobile. será que é pelas posição estarem absolutas (isto é, dos icons?) Caso não me esteja a explicar bem, um exemplo: http://ironsummitmedia.github.io/startbootstrap-sb-admin/tables.html (mudando apenas a funcionalidade do hover) Os meus melhores cumprimentos, Pedro Cruz
  7. JMSR

    BootStrapp

    Boas, alguém aqui usa bootstrap? Será que me podiam indicar um site com snippets e exemplos de utilização? Estou a tentar criar uma webapp mas estou muito verdinho em bootstrap. Obrigado.
  8. Boas malta, será que me podem ajudar a decidir entre estes 3 templates para uma admin? base admin http://jumpstartuidemo.com/themes/base/index.html simpliq http://bootstrapmaster.com/live/simpliq2/?v=2.1.4 uadmin http://pixelcave.com/demo/uadmin/ obrigado
  9. taviroquai

    BootWiki

    Titulo do Projecto: BootWiki Última Versão: dev Site Oficial: http://github.com/taviroquai/BootWiki Licença: n/a Líder do Projecto: Marco Afonso Membros Actuais do Projecto: Marco Afonso Screenshots: Versão de demonstração em http://marcoafonso.pt/tests/bootwiki Descrição do Projecto: BootWiki é uma wiki moderna desenvolvida com Twitter Boostrap (2.3), RedBeanPHP (ORM) e Slim Framework Foi desenvolvida como exercício... e porque não gosto muito das Wikis que já existem (excepto a MediaWiki e pouco mais...) Podem sempre fazer fork e fazer melhorias Ainda existe muita coisa para melhorar mas comentários e ajuda são bem-vindos UPDATE 09/02/2014: novo web installer com mensagens para assistir na instalação
  10. Boas, Estou a fazer um site responsivo de uma página com a "ajuda" do Twitter Bootstrap, ou seja, quando a largura da página for menor que 780px o menu é escondido. No meu menu tenho uma dropdown, que por default abria quando eu clicava nesse separador e para fechar a dropdown teria de clicar novamente no separador, com um bocado de pesquisa fiz com que o menu dropdown aparecesse quando se passa o rato por cima. Fiz isso com este código: jQuery('ul.nav li.dropdown').hover(function() { jQuery(this).find('.dropdown-menu').stop(true, true).delay(50).fadeIn(); }, function() { jQuery(this).find('.dropdown-menu').stop(true, true).delay(50).fadeOut(); }); Funciona perfeitamente ! Só que no menu para mobile (o tal das resoluções mais pequenas) não fica nada bem o dropdown a aparecer automaticamente, portanto o que eu queria era activar o mousehover quando a largura da página fosse no minimo 780px e quando fosse menor retirava-se o mousehover. Para tal tentei usar o código acima, com um If. coloquei o código tanto no document.ready tal como no window.resize, mas resulta apenas parcialmente. Se eu iniciar o site com uma largura menor que 780px e depois aumentar, ele com menos de 780px nao abre automaticamente e quando passa para mais que 780px mostra automaticamente (perfeito!), mas depois de estar activado já não desactiva. Deve ser apenas preciso um else para inverter o código acima, mas não sei como fazê-lo. Se fizer unbind do mouseenter e do mouseloeave consigo parar com o mousehover como queria ! Mas no entanto também deixa de funcionar o click o que é necessário ...
×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.