Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''bootstrap''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Calendários

  • Comunidade iMasters

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

LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 154 registros

  1. Orientação Landscape com Bootstrap

    Poderiam me dizer se existe alguma forma de fazer a orientação em landscape utilizar as classes do padrão sm do Bootstrap ao invés de xs? Obrigado.
  2. Olá, pessoal uso o leadlovers (plataforma de email marketing) para trabalhar com uma cliente e construo páginas no construtor que eles fornecem, que utiliza bootstrap. Tenho um bloco de código pronto feito por eles que usei nos dois workshops anteriores da minha cliente, mas fiz algumas modificações e não sei o que deu errado. No código, tenho quatro radio buttons para quatro vídeos - para selecionar cada vídeo é só clicar no radio button, que é uma imagem. Precisei adicionar duas divs pra trocar a posição dos radio buttons e o código simplesmente não funciona mais. Ao clicar no radio button, o vídeo não aparece. Segue o código: <section id="lancamento" class="row dottedEditor" style="background:#004D40;"> <div class="container boxthumb" id="container"> <div class="col-md-10"> <!-- div adicionada --> <div id="content"> <div id="content-1"> <article> <article class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0MGo7IXZx-E?showinfo=0&rel=0" allowfullscreen="1" style="border: 1px solid whitesmoke;" width="100%" height="480px" frameborder="0"></iframe> <article class="frameCover" data-type="video"></article> </article> </article> </div> <div id="content-2"> <article> <article class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0MGo7IXZx-E?showinfo=0&rel=0" allowfullscreen="1" style="border: 1px solid whitesmoke;" width="100%" height="480px" frameborder="0"></iframe> <article class="frameCover" data-type="video"></article> </article> </article> </div> <div id="content-3"> <article> <article class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0MGo7IXZx-E?showinfo=0&rel=0" allowfullscreen="1" style="border: 1px solid whitesmoke;" width="100%" height="480px" frameborder="0"></iframe> <article class="frameCover" data-type="video"></article> </article> </article> </div> <div id="content-4"> <article> <article class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/0MGo7IXZx-E?showinfo=0&rel=0" allowfullscreen="1" style="border: 1px solid whitesmoke;" width="100%" height="480px" frameborder="0"></iframe> <article class="frameCover" data-type="video"></article> </article> </article> </div> </div> </div> <div id="input" class="col-md-2"> <!-- segunda div adicionada --> <input id="tab-1" name="tab-group" type="radio" checked="checked"> <label for="tab-1"> <img class="center-block img-responsive" alt="Miriam Rodrigues" src="https://blob.llimages.com/machine-user-images/img-323253-20171014224325.png" style="max-width: 100%; border-radius: 50%;" width="150px" height="150px"> </label> <br> <input id="tab-2" name="tab-group" type="radio"> <label for="tab-2"> <img class="center-block img-responsive dottedEditor" alt="Miriam Rodrigues" src="https://blob.llimages.com/machine-user-images/img-323253-20171014224355.png" style="max-width: 100%; border-radius: 50%;" width="150px" height="150px"> </label> <br> <input id="tab-3" name="tab-group" type="radio"> <label for="tab-3"> <img class="center-block img-responsive" alt="Miriam Rodrigues" src="https://blob.llimages.com/machine-user-images/img-323253-20171014224420.png" style="max-width: 100%; border-radius: 50%;" width="150px" height="150px"> </label> <br> <input id="tab-4" name="tab-group" type="radio"> <label for="tab-4"> <img class="center-block img-responsive" alt="Miriam Rodrigues" src="https://blob.llimages.com/machine-user-images/img-323253-20171014224723.png" style="max-width: 100%; border-radius: 50%;" width="150px" height="150px"> </label> </div> </div> </section> <style> #container input { /*height: 210px;*/ visibility: hidden; display: table-cell; } #container label { cursor: pointer; /* display: block; float: left; height: 210px; */ } .thumb { width: 16%; display: inline-block; vertical-align: top; margin-bottom: 2%; } .boxthumb { margin-top: 3%; } @media (max-width: 922px) { #container label { float: none; } #container input { height: 0; } } @media (max-width: 416px) { /*label[for=tab-1], label[for=tab-2], label[for=tab-3], label[for=tab-4] { top: 550px; } #content { top: -900px; }*/ .thumb { width: 30%; display: inline-block; margin: 5% auto; } } #input input:checked+label { opacity: 0.5; color: #444; position: relative; z-index: 6; /* -webkit-transition: .1s; -moz-transition: .1s; -o-transition: .1s; -ms-transition: .1s; */ } #content div { opacity: 0; z-index: -100; transition: all linear 0.1s; } /* modifiquei de #container para #input */ #input input#tab-1:checked~#content #content-1, #input input#tab-2:checked~#content #content-2, #input input#tab-3:checked~#content #content-3, #input input#tab-4:checked~#content #content-4 { opacity: 1; display: block; } #input input#tab-1:not(:checked)~#content #content-1, #input input#tab-2:not(:checked)~#content #content-2, #input input#tab-3:not(:checked)~#content #content-3, #input input#tab-4:not(:checked)~#content #content-4 { display: none; } input.visible { visibility: visible !important; } </style> Preciso terminar essa página hoje, então qualquer ajuda será muito bem-vinda! Obrigada
  3. Diminuir espaçamento entre linhas no Boostrap 4

    Olá galera, Estou fazendo um formulário é estou achando os espaços entre os as linhas/campos/labels muito grande. Tem como eu diminuir esse espaço? Segue imagem para melhor compreensão: Obrigado desde já.
  4. Como por um texto sobre uma imagem

    Então estou criando meu site com bootstrap 3.3.7 e gostaria de saber como por uma imagem de fundo em um div e um texto por cima dela, igual na imagem logo abaixo! Agradeço desde já.
  5. Colocar os campos da tabela bootstrap 100% na tela e divididos

    Olá pessoal, Tenho uma tabela em bootstrap e estou tentando deixar ele com os campos 100% na tela. Ex: Estou utilizando o bootstrap 4 e me falaram que o próprio bootstrap 4 já faz esse trabalho, mas no meu caso n esta fazendo. Segue a tabela e o código: Repare q ela n fica 100% (espaço em branco da direita) <div class="row"> <div class="col-md-12"> <div class="table-responsive"> <table class="table table-responsive table-bordered table-hover" > <thead > <tr> <th scope="col">Login</th> <th scope="col">Nome</th> <th scope="col">CPF</th> <th scope="col">Data Inclusão</th> <th scope="col">Última Atualização</th> <th scope="col">Empresa</th> <th scope="col">Status</th> <th scope="col">Ações</th> </tr> </thead> <tbody> <tr> <td>luis</td> <td>XXXXX</td> <td>000000000-00</td> <td>00/00/0000</td> <td>00/00/0000</td> <td>XXX</td> <td>xxxx</td> <td class="text-nowrap"> <a href="#" data-original-title="Inativar"> <i class="fa fa-minus-circle text-inverse m-r-10"></i> </a> <a href="#" data-original-title="editar"> <i class="fa fa-pencil text-inverse m-r-10"></i> </a> <a href="#" data-original-title="editar"> <i class="fa fa-trash text-inverse m-r-10"></i> </a> </td> </tr> <tr> <td>XXX</td> <td>XXXX</td> <td>000000000-00</td> <td>00/00/0000</td> <td>00/00/0000</td> <td>XXXX</td> <td>XXX</td> <td class="text-nowrap"> <a href="#" data-original-title="Inativar"> <i class="fa fa-minus-circle text-inverse m-r-10"></i> </a> <a href="#" data-original-title="editar"> <i class="fa fa-pencil text-inverse m-r-10"></i> </a> <a href="#" data-original-title="editar"> <i class="fa fa-trash text-inverse m-r-10"></i> </a> </td> </tr> </tbody> </table> </div> </div> </div> Mesmo colocando todas essas classes ela n fica com 100% nos campos, alguém poderia me ajudar?
  6. Como fica o arquivo cabeçalho do BootStrap 4 ?

    <head> <meta charset="utf-8"> <title>Currículo</title> <meta http-equiv="Content-Language" content="pt-br"> <meta charset="utf-8"> <meta name="author" content="Vicente Paulo Maciel"> <meta name="description" content="Site de recrutamento on-line, divulgar vagas de emprego e cadastro de currículos"> <meta name="keywords" content="emprego,vaga,trabalho,currículo,rh,recursos humanos,curriculum vitae,cadastro de currículo"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'/> <script src="<?= base_url('assets/bootstrap/css/bootstrap-theme.min.css') ?>"></script> <script src="<?= base_url('assets/bootstrap/js/jquery.js') ?>"></script> <script src="<?= base_url('assets/bootstrap/js/bootstrap.js') ?>"></script> <script src="<?= base_url('assets/js/js.js') ?>"></script> <script src="<?= base_url('assets/js/javascript.js') ?>"></script> <link rel="stylesheet" href="<?= base_url('assets/bootstrap/css/bootstrap.css') ?>"> <link rel="stylesheet" href="<?= base_url('assets/css/estilo.css') ?>"> <link rel="icon" type="image/jpg" href="<?= base_url('assets/img/favicon.ico') ?>"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> Este é um exemplo com BootStrap 3.Quero saber como fica com BootStrap 4.Com o aquivo do BootStrap 4 baixado no computador.
  7. Como criar botões em duas etapas

    Neste vídeo vamos aprender a criar um botão de duas etapas fazendo um botão slide, onde o botão da ação só vai aparecer após o primeiro click. Vamos usar para animar o CSS e o Jquery: Link para download dos arquivos: https://github.com/thiagofranchin/but... Referências usadas no vídeo: Bootstrap 4: https://getbootstrap.com/ Font Awesome: http://fontawesome.io/ CDN Font Awesome: https://cdnjs.com/libraries/font-awesome Foto da thumb e final do vídeo: Isaac Davis https://unsplash.com/photos/rzCi3mD-6ho
  8. Pessoal... Procurei na NET, encontrei para LINK, criar dois tipos de links, mas para INPUT's não encontrei. Como posso montar varios tipos estilizados de INPUTS, TEXTAREAS, SELECT??? Contribuições, agradeço. input[type=text], input[type=email] { background: white; border: 1px solid orangered; color: white; height: 40px; border-radius: 5px; } Tentei usar INPUT.modificado[type=text], depois no CLASS do bootstrap HTML, colocar a classe MODIFICADO, mas não ROLA... Sugestões?????????
  9. Validação com AJAX de uma Array

    Olá pessoal, tô com um probleminha no meu código, eu tenho uma array com pelo menos 300 keys, peguei esse exemplo: https://www.w3schools.com/js/js_ajax_php.asp Ele funciona, mas se eu digito: "a" aparece vários registros, meu querer é o seguinte: Se eu digitar: "jesse.pereira" > echo "Usuário válido". Se eu digitar "jesse.pereir" > echo "Usuário inválido".
  10. Select e Deselect All (Bootstrap)

    Ola Pessoal, Preciso de uma coisas assim: Vi que esses sao do Boostrap, mas nao estou conseguindo implanta-lo em site... Vi uma resposta, para colocar isso: $('.selectpicker').selectpicker('selectAll') or $('.selectpicker').selectpicker('deselectAll'). Este modelo tem no Link dos Modelos <select class="selectpicker" multiple="" data-actions-box="true" tabindex="-98"> <option>Mustard</option> <option>Ketchup</option> <option>Relish</option> </select> <button type="button" class="btn dropdown-toggle btn-default bs-placeholder" data-toggle="dropdown" role="button" title="Nothing selected" aria-expanded="false"> <span class="filter-option pull-left">Nothing selected</span> &nbsp;<span class="bs-caret"> <span class="caret"></span> </span> </button> Mas nao sei aonde e como colocar...
  11. Ajuda com update + radio button

    Olá pessoal, tô com uma dúvida pra mim pelo menos, estou realizando while da seguinte tabela: <form method="POST" class="form-horizontal" id="frm_causa_upt"> <table class="table table-bordered table-hover" id="tab_logic"> <thead> <tr > <th class="text-center col-lg-1"> ID </th> <th class="text-center"> Causa </th> <th class="text-center col-lg-1"> Raíz? </th> </tr> </thead> <tbody> <tr id='addr0'> <?php $sql = "SELECT * FROM causa WHERE id_ocorrencia = '$id_ocorrencia'"; $result = $mysqli->query($sql); if ($result->num_rows > 0) { while($row = $result->fetch_assoc()) { ?> <td> <input type="text" name="id_causa[]" id="id_causa" value="<?php echo $row['id_causa'];?>"> <?php //echo $row['id_causa'];?> </td> <td> <input type="text" name='causa[]' id="causa" value="<?php echo $row['causa'];?>" placeholder='Porque?' class="form-control"/> </td> <td> <input type="radio" name='raiz[]' id="raiz" value="<?php echo $row['id_causa'];?>" class="form-control" <?php if ($row['raiz'] == $row['id_causa']) { echo "checked"; } else {}?>/> </td> </tr> <?php } } else { echo "Nenhuma causa adicionada!"; } $mysqli->close(); ?> </tbody> </table> <button type="submit" title="Salvar" class="btn btn-success">Salvar alterações</button> </form> Eu estou conseguindo fazer update do input "causa" normalmente, o meu problema é no radio button "raiz", é uma tabela que somente 1 radio deve ser marcado, ele pode ter o valor de 1 = selecionado e 0 = não selecionado, e no while, caso o valor seja 1 ele fica checado... Eu não estou conseguindo mudar o radio se selecionar outro registro. Se eu marcar no id 16 por exemplo, ele marca no 18, se eu marcar o 17, marca o 18 também, segue o sql: <?php // UPDATE //Inicia a sessão session_start(); //Oculta os erros error_reporting(0); //Verifica se a sessão email e senha NÃO existem if(!isset($_SESSION['email']) AND !isset($_SESSION['senha'])){ //Redireciona para index echo '<meta HTTP-EQUIV="Refresh" CONTENT="1; URL=../index.php">'; } //Senão else { $item_idCount = count($_POST["id_causa"]); //Pega o id_ocorrencia do formulário $id_causa = $_POST['id_causa']; //Pega a causa do formulário $causa = $_POST['causa']; //Pega a raiz do formulário $raiz = $_POST['raiz']; //Solicita o arquivo config.php include "../app/config.php"; //Atribui a codificação em UTF8 (para fixar caracteres) $mysqli -> set_charset('utf8'); //Estrutura do SQL for($i=0; $i<$item_idCount; $i++) { $sql = "UPDATE causa SET causa = '".$_POST['causa'][$i]."', raiz = '".$_POST['raiz'][$i]."' WHERE id_causa = '".$_POST['id_causa'][$i]."'"; //Executa a query usando a string de conexão mysqli_query($mysqli, $sql) or die("Erro ao tentar cadastrar registro"); } //Fecha a conexão mysqli_close($mysqli); } ?>
  12. Ajuda com campo de busca

    Olá galera, tô com um problemasso pra mim, eu tenho uma ferramenta de busca no banco por uma coluna chamada 'descricao', eu pesquiso numa caixa de texto e ele me exibe se tal texto existir na coluna, só que tem um porém, eu preciso fazer a pesquisa apenas do usuário logado, pois há várias outras descrições, mas apenas 2 descrições para este usuário, exemplo: Usuário logado: jesse.pereira Eu estou tentando fazer assim: $querybusca = "SELECT * FROM ocorrencias WHERE descricao LIKE '%$search_value%' AND responsavel = '$usuarioLogado' OR validacao = '$usuarioLogado'"; Pra explicar bem pra você eu vou especificar melhor: Eu estou tentando fazer um SELECT de uma tabela na coluna 'descricao' onde a descrição tem que ter o 'search_value' (minha pesquisa) mas as colunas responsavel ou validacao tem que ter a string: $usuarioLogado Não tô conseguindo fazer. ;/
  13. [RESOLVIDO] MEU MODAL tá BUGADO

    GALERA, meu modal está aparecendo com uma janela branca atrás. Peguei esse código da internet e não achei erros, podem me ajudar? <div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span>×</span></button> <h4 class="modal-title">Título da mensagem</h4> </div> <div class="modal-body"> <p>Conteúdo da mensagem</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button> </div> </div> </div> </div>
  14. Olá pessoal, como vão vocês? Meu nome é Alan, e estou começando agora no mundo do Design! Por isso gostaria muito da ajuda de vocês para melhorar e evoluir os meus designs de interface em produtos de software. Criei um formulário para pessoas que entendam possam me ajudar a melhorar, pois neste trimestre, a minha função é melhorar o design dos produtos! Então se possível, gostaria que quem pudesse me ajudar respondesse esse forms do Google para que eu possa observar meus erros e acertos, e logo, poder ajudar outras pessoas também dando o mesmo tipo de feedback e auxílio! Link : https://docs.google.com/forms/d/e/1FAIpQLSdPT6BCwBt-Y-QNW7pDoGZHzcGXttPeX8UPVidoTK9QCo61rA/viewform Fico muito grato pela atenção e desejo um ótimo final de ano a todos! Att. Alan Secundo
  15. Olá a todos, Estou a aprender a trabalhar com o bootstrap. Acontece que num slide, através do carousel, a imagem não ocupa a largura toda a da página. Fica assim: https://imgur.com/a/MS03Y <div id="myCarousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <div class="carousel-inner" role="listbox"> <!-- Primeiro Slide - Active --> <div class="item active"> <img src="img/mountains.png"> <div class="carousel-caption"> <h1>get to know bootstrap</h1> <br> <button type="button" class="btn btn-default">Get Started</button> </div> </div> <!-- End Primeiro Slide - Active --> <!-- Segundo Slide --> <div class="item"> <img src="img/snow.png"> </div> <!-- Terceiro Slide --> <div class="item"> <img src="img/red.png"> </div> </div> Via CSS estou a tentar: .item-active img { background-size: cover; } Já estive a tentar de várias maneiras, mas nenhuma funciona. Através do Inspect Element consigo ver que a classe item tem a largura da página, mas a imagem, que está no inteiror dessa classe tem uma largura bem inferior à da página (o filho tem um largura inferior ao pai). Obrigado pela ajuda
  16. Modal do Bootstrap não funciona

    Ola Pessoal, Com botão ele funciona, automaticamente não... <!DOCTYPE html> <html lang="en"> <head> <title>Administracion Hotel City Express</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- Google fonts --> <link href='https://fonts.googleapis.com/css?family=Graduate|Pacifico' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="css/style.css" rel="stylesheet" type="text/css"/> <link href="css/menu.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.7.2.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script> <script src="js/validacao.js" type="text/javascript"></script> <link href="../favicon.ico" rel="shortcut icon"> <script type="text/javascript"> $(document).ready(function() { $('#myModal').modal('show'); }); </script> </head> <body> <div class="container"> <div id="myModal" class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog modal-sm"> <div class="modal-content se-center"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="window.location.href='index.php?page=equipList';"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <p></p><div class="se-alert-success"> <i class="fa fa-thumbs-o-up fa-3x"></i> </div> <div class="alert alert-success"> Enmienda Efectuada con éxito </div> <p></p> </div></div> </div> </div> </div> </body> </html>
  17. Classes de acordo com a resolução

    Ola Pessoal, Estou organizando o css e queria que a classe que fica no index (exemplo: se-include) utilizando uma classe do Bootstrap, mas de acordo com a resolução... Assim, ele colocaria a class de acordo com a resolução seria o tamanho do Bootstrap.... Não esta funcionando, então poderiam me ajudar? /** Smarthphones no formato "retrato" **/ @media screen and (min-width: 480px) and (orientation:landscape){ html{ font-size: 14px; } .btn{ font-size: 12px; } .se-include, .col-md-12{ } } /** Tablets e Smarthphones de segunda geração **/ @media screen and (max-width: 780px) and (orientation:portrait){ html{ font-size: 14px; } .se-include, .col-md-12{ } } /** Desktops, Laptops e TVs. **/ @media screen and (min-width: 780px){ html{ font-size: 16px; } .se-include, .col-md-8, .col-md-offset-2 { } }
  18. Problema com IF count e progressbar

    Olá pessoal, estou com uma pulga atrás da orelha por causa desse problema, eu não consigo fazer um IF de um COUNT, eu consigo exibir o valor do COUNT, mas eu coloco: if ($row_cnt == 1) { $iCod_Area +=9; } E na progress bar eu coloco: <div class="progress"> <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width:<?php echo $iCod_Area;?>%"> </div> </div> Mas fica desconfigurado: http://prntscr.com/hbtf7u
  19. Sites responsivos = bootstrap?

    Fala galera do IMaster, Eu estou montando um site/projeto mas ainda não sei deixa-lo responsivo, Alguem poderia me indicar algo para estudar? Dei uma pesquisada e uma ferramenta que mais indicam é o Bootstrap, os sistemas grandes também utilizam bootstrap ou fazem tudo manualmente? E assim... eu não sei por que ele usa apenas 12 colunas, eu to querendo fazer um menu horizontal que ocupe 100% do width e com um menuzinho na ponta esquerda... como por exemplo o site do YouTube. Isso teria mais de 12 colunas, entende? E tipo, quando eu clico no menu lateral do youtube, espreme a "main" da página (ela também se redimensiona...)
  20. NavBAR deste site, como fazer?

    olá galera. estive baixando um SO, e achei bacana o estilo desta barra, efeito. alguém tem ideia, já fez isso: NAVBAR - com Slide Tentei desmembrar o código, mas ví que está em WORDPRESS, se alguém souber de alguma forma reproduzir simplesmente, apenas com jquery, tem exemplo e gostaria de postar para conhecimento e estudo, agradeço. Obrigado.
  21. Alinhar fotos com li (bootstrap3)

    Coloco 3 imagens com links no inicio do site, coloquei pra ser responsivo, mas quando diminuo a tela ela fica toda bugada, as imagens acabam ficando uma por cima da outra. E preciso que as imagens fiquem no centro da tela, uma do lado da outra, e quando a tela diminuir elas simplesmente continuem uma do lado da outra. <div class="row"> <div class="col-xs-4 col-md-4 col-sm-4"> <ul> <li class="lipostagem"><a href="PostagemTeste.html"><img class="img2 img-responsive" src="img/azul/teste.png" alt="Sucesso"> <span class="post">Postagem</span></a></li> </ul> </div> <div class="col-xs-4 col-md-4 col-sm-4"> <ul> <li class="liviagem"><a href="#"><img class="img2 img-responsive" src="img/cinza/cinza1.png" alt="Sucesso"><span class="viagem">Viagem</span></a></li> </ul> </div> <div class="col-xs-4 col-md-4 col-sm-4"> <ul> <li class="lientregue"><a href="EntregueCerto.html"><img class="img2 img-responsive" src="img/cinza/cinza1.png" alt="Sucesso"><span class="entregue">Entregue</span></a></li> </ul> </div> </div> CSS: .img1{ float: right; } .img2{ float: none; } .img3{ float: right; } .flex-centralizado { display: flex; justify-content: center; } li{ list-style-type: none; }
  22. [Bootstrap] Alinhar formulario

    Opa, sou novo em bootstrap e estou com dificuldade em alinha um formulário, algo simples. vou mandar print de como queria que ficasse, se alguém puder me ajudar agradeço muito. https://imgur.com/4O090qK obs: só não consigo deixar um input ao lado de um select
  23. Botão do MODAL não exclui

    Olá pessoal. Estou montando um CRUD simples. A exclusão fica dentro da tela de view do registro. Coloquei um MODAL para informar ao usuário a sua intenção de excluir a linha do banco. Mas é ai que estou tendo problema. O Link do botão chama o delete.php que será o responsável pela exclusão. Mas ele não chama. Pq em execução diretamente no browser eu coloco o delete.php?id=99 e funciona, exclui o registro. Os arquivos estão todos no mesmo diretório. <!-- view.php --> <?php require_once('functions.php'); //require_once('delete.php'); view($_GET['id']); ?> <?php $sistema = 'SALVUM - TIPO_CXS_C v1.0.17' ?> <?php include(HEADER_TEMPLATE); ?> <div class="row"> <div class="col-xs-12 text-center"> <h1>Sistema de Caixa</h1> </div> </div> <h2>Tipo de Movimentação <?php echo $cxsimples_tipo['cxs_tipo_id']; ?></h2> <hr> <dl class="dl-horizontal"> <dt>Descrição: </dt> <dd><?php echo $cxsimples_tipo['cxs_tipo_descricao']; ?></dd> <dt>Movimentação: </dt> <dd><?php if($cxsimples_tipo['cxs_tipo_entrada'] == 0) {echo 'Entrada';} else {echo 'Saida';}?> </dd> <dt>Dias: </dt> <dd><?php echo $cxsimples_tipo['cxs_tipo_dias']; ?></dd> <dt>Indice: </dt> <dd><?php echo number_format($cxsimples_tipo['cxs_tipo_indice'],8,',','.'); ?></dd> </dl> <div id="actions" class="row"> <div class="col-md-12"> <a href="index.php" class="btn btn-default"> <i class="fa fa-chevron-left"></i> Voltar </a> <a href="edit.php?id=<?php echo $cxsimples_tipo['cxs_tipo_id']; ?>" class="btn btn-primary"> <i class="fa fa-pencil"></i> Editar </a> <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#modal-exclusao"> <i class="fa fa-trash-o"></i> Excluir </a> </div> </div> <?php include(FOOTER_TEMPLATE); ?> <?php include('exclusao.php'); ?> <!-- exclusao.php --> <!-- Modal --> <div class="modal fade" id="modal-exclusao" role="dialog" data-id> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Deseja Excluir o Tipo <?php echo $cxsimples_tipo['cxs_tipo_id']; ?>?</h4> </div> <div class="modal-body"> <p>Essa Operação irá excluir do banco de dados o Tipo <?php echo $cxsimples_tipo['cxs_tipo_id']; ?> de movimentação de Caixa.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" href="delete.php?id=<?php echo $cxsimples_tipo['cxs_tipo_id']; ?>" > Sim, eu quero excluir. </button> <button type="button" class="btn btn-default" data-dismiss="modal"> Não Quero Excluir. </button> <a id="question" class="btn btn-info" href="https://api.whatsapp.com/send?phone=5511952189891&text=Estou%20com%20duvidas%20nesse%20Item%20MODALCXS_TIPO_REM"> Preciso de Ajuda! </a> </div> </div> </div> </div> <!-- /Modal --> /** delete.php **/ <?php require_once('functions.php'); if (isset($_GET['id'])){ $myfile = fopen("delete-code2.txt","w") or die("Sem chance parceiro!"); fwrite($myfile,$_GET['id']); fclose($myfile); delete($_GET['id']); } else { die("ERRO: ID não definido."); } ?>
  24. Style do bootstrap só funciona no 1200px

    problema resolvido!
  25. Javascript não pega a var de baixo

    Olá pessoas, por incrível que pareça, mesmo eu verificando se o elemento existe, me diz isso: Mas quando clico no botão: <button type="button" class="btn btn-primary" onclick="validateForm()">Confirmar <span class="glyphicon glyphicon-ok"></span> </button> Ele só valida a de cima "ADMCORP", se no meu form tiver apenas "AMBIENTAL" ele não verifica, mas se tiver "ADMCORP" ele verifica, o que pode ser?
×

Informação importante

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

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: