Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''bootstrap 4''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 4 registros

  1. brunoconte3@gmail.com

    Erro no Netbeans no CSS BootStrap 4

    BootStrap 4 erro ao fazer parsing do arquivo netbeans Usando o Bootstrap 4 no Netbeans, ele mostra como arquivo com erro, consigo usar normalmente a aplicação, mas fica esse erro na IDE. Alguém sabe como Corrigir?
  2. Thiago Franchin

    Bootstrap 4 - Como alterar as CORES da forma certa.

    Bootstrap 4 - Como alterar as CORES da forma certa. Aprenda como alterar as cores do Bootstrap 4 Beta de forma dinâmica utilizando Sass. Instalaremos o NodeJS para utilizar o node-sass. Instalação do NodeJS: https://youtu.be/5qflMl1uxLc?t=5m34s Vamos mexer no arquivo "_variables.scss" do bootstrap e setar novas configurações.
  3. Iniciando um projeto: Crie um ambiente para iniciar um projeto profissional e aprenda também como estilizar os botoes do Bootstrap 4 usando o Sass. [01:33] Instalando Git [03:38] Instalando Ruby [05:34] Instalando NodeJS [07:42] Instalando Sass [09:14] Instalando Bootstrap 4 [13:41] Instalando Animate.css [23:02] Estilizando os botões do bootstrap dinamicamente com Sass Links: Git: https://git-for-windows.github.io/ Ruby: https://rubyinstaller.org/ NodeJS: https://nodejs.org/en/ Sass: http://sass-lang.com/ Bootstrap 4: https://v4-alpha.getbootstrap.com/ Animate.css: https://daneden.github.io/animate.css/
  4. Marcelo Cajaíba

    Menu multilevel no Bootstrap 4 não funciona corretamente

    Olá Colegas não achei o tópio para boostrap 4 por isso coloquei aqui, reparei que menu multilevel no modo small ou seja smart phone não funciona quando clica do no submenu por ele não funciona. Lembrando que é Bootstrape 4 <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <!-- ( Bootstrap css )--> <link href="js/bootstrap/css/bootstrap.css" rel="stylesheet"> <!-- ( Bootstrap css )--> <link href="css/font-awesome.min.css" rel="stylesheet"> <!-- (css do MenuMultilevel) --> <link rel="stylesheet" href="css/bootstrap-dropdownhover.css"> </head> <style> .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; /*margin-top: -6px;*/ margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border: 5px solid transparent; border-right-width: 0; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .bg-faded { background: #ccc; } </style> <body> <section class="test"> <header class="topo"> <div class="container"> <nav class="navbar navbar-toggleable-md navbar-light bg-faded" role="navigation"> <!-- data-target : faz a ligação do menu com o botão de expandir. data-toggle="collapse" : função de comprimir o menu responsivo. Classe : navbar-toggler responsável por deixar o menu responsivo. Classe: navbar-toggler-icon icones do menu responsivo --> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="#">Empresa ou logo</a> <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> <ul class="navbar-nav mr-auto mt-2 mt-md-0"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <!-- (Submenu) --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> Features </a> <ul class="dropdown-menu"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Separated link</a> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://example.com" id="supportedContentDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">tese</a> <ul class="dropdown-menu" aria-labelledby="supportedContentDropdown"> <li class="dropdown-item" href="#"><a class="nav-link" href="#">Something else here</a></li> <li class="dropdown-item"><a class="nav-link" href="#">Something else here</a></li> <li class="dropdown-item"><a class="nav-link" href="#">Something else here</a></li> <li class="dropdown-item dropdown-submenu" href="#"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="false" aria-expanded="true">Dropdown</a> <ul class="dropdown-menu" aria-labelledby="supportedContentDropdown"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </ul> </li> </ul> </li> </ul> </div> </nav> </div> </header> </section> <!-- ( Jquery )--> <script src="js/jquery.js"></script> <!-- (Tether Bootstrap )--> <script src="js/bootstrap/js/tether.min.js"></script> <!-- ( Bootstrap )--> <script src="js/bootstrap/js/bootstrap.js"></script> <script> $(document).ready(function () { $('.dropdown-submenu a').on("click", function (e) { $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); }); </script> </body> </html>
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.