Perguntas com a marcação «bootstrap-4»

Estou usando o Bootstrap 4 alpha 2 e aproveitando os cartões. Especificamente, estou trabalhando com este exemplo retirado dos documentos oficiais. Como posso fazer com que todos os cartões tenham a mesma altura? Tudo o que posso pensar agora é definir a seguinte regra CSS: .card { min-height: 200px; } …

134 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

No bootstrap-3, há uma .wellclasse que adiciona uma borda arredondada ao redor de um elemento com uma cor de fundo cinza e algum preenchimento. <div class="well">Basic Well</div> Mas não encontrei nenhuma .wellclasse no bootstrap-4. Existe alguma tag equivalente a .wellno bootstrap-4?

129 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-4 

Novo no bootstrap 3 .... No meu layout, tenho: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Gostaria que os 'elementos 2' NÃO estivessem alinhados em telas menores que as de col-lg. Tão efetivamente tendo a classe pull-right apenas para col-lg-6 ... …

127 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Tenho um site de bootstrap em que o alternador de hambúrguer é adicionado quando o tamanho da tela é menor que 992 px. O código é assim: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> Existe alguma possibilidade de alterar a cor do botão de …

124 css  twitter-bootstrap  bootstrap-4 

Estou desenvolvendo uma página de inscrição, colocando algum texto como título na barra de navegação. Quero dar a esses textos cores diferentes. Para esse fim, estou usando um arquivo CSS separado, mas quero fazer isso usando o arquivo CSS do bootstrap. Alguém pode listar as classes de cores disponíveis no …

119 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 2 anos . Melhore esta questão Estou usando o Bootstrap V4 para meu novo site, visto que …

114 twitter-bootstrap  bootstrap-4 

Não consigo fazer com que os itens suspensos não saiam da página. Tentei algumas coisas no BS3, mas elas não parecem funcionar. Não tenho certeza se é por causa do ml-auto. (ignore as instruções if-else) Aqui está o CodePen : <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button …

112 twitter-bootstrap  css  bootstrap-4 

Quero atualizar o Bootstrap no ASP.NET Core com NuGet. Eu usei este: Install-Package bootstrap -Version 4.0.0 Ele adicionou as dependências, mas como faço para adicioná-lo ao meu projeto agora? Qual é o caminho para as dependências locais do NuGet?

111 .net  asp.net-core  nuget  bootstrap-4  asp.net-core-2.0 

Este é o efeito que estou tentando obter com carrossel Bootstrap 3 Em vez de mostrar apenas um quadro por vez, ele exibe N quadros, slide a lado. Então, quando você desliza (ou quando desliza automaticamente), ele muda o grupo de slides como faz. Isso pode ser feito com o …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

Eu criei esta barra de navegação recolhível usando o Bootstrap 4 que funciona bem, mas gostaria que fechasse quando o usuário clicar em um link. Alguma maneira de fazer isso? obrigado html navbar: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> …

108 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

O bootstrap 4 tem um divisor horizontal embutido? Eu posso fazer isso, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Mas eu quero usar o css de bootstrap embutido, não consigo encontrá-lo em nenhum lugar da documentação, talvez não o encontre.

104 html  css  bootstrap-4  twitter-bootstrap-4 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Não consigo …

104 css  twitter-bootstrap  bootstrap-4 

Na versão mais recente, pull-left e pull-right foram substituídos por .pull- {xs, sm, md, lg, xl} - {left, right, none} Isso significa que em vez de escrever um simples class="pull-right", terei agora que escreverclass="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" Existe uma maneira menos tediosa de fazer isso?

103 bootstrap-4 

Acabei de visitar esta página http://www.elmastudio.de/ e me perguntei se é possível construir o colapso da barra lateral esquerda com o Bootstrap 3. Código para recolher a barra lateral a partir da parte superior (apenas telefone): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> A própria …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

Tentei instalar o bootstrap 4 e incluí os links a seguir <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Mas ocorre o seguinte erro: SyntaxError não capturado: exportação de token inesperada Alguma idéia de como consertar isso?

100 javascript  twitter-bootstrap  bootstrap-4  popper.js