Última pergunta sobre Bootstrap 4

1
Responda

Acesse o valor da lista suspensa boostrap em JS quando vários menus suspensos renderizados

Em javascript, tenho várias linhas renderizadas para o DOM a partir de uma coleção Firebase/Firestore. Em cada linha, um menu suspenso Bootstrap é criado com sempre as mesmas opções de seleção (elementos .a). O atributo id de cada div de linha é definido dinamicamente com base no Firestore doc.id. Eu gostaria de obter o valor selecionado na lista suspensa de um linha específica quando o usuário clica nela na lista suspensa. Em javascript, tenho várias linhas renderizadas para o DOM de uma coleção Firebase/Firestore.Em javascript, tenho várias linhas renderizadas para o DOM de uma coleção Firebase/Firestore. Em cada linha, uma lista suspensa Bootstrap é criada com sempre as mesmas opções de seleção (elementos .a).Em cada linha, uma lista suspensa Bootstrap é criada com sempre as mesmas opções de seleção (elementos .a) . O atributo id de cada div de linha é definido dinamicamente com base no Firestore doc.id.O atributo id de cada div de linha é definido dinamicamente com base no Firestore doc.id. Eu gostaria de obter o valor selecionado na lista suspensa de um linha específica quando o usuário clica nela na lista suspensa.Eu gostaria de obter o valor selecionado na lista suspensa de um linha específica quando o usuário clica nela na lista suspensa. Este é o meu código:

bootstrap 4 javascript google cloud firestore drop down menu

2
Respostas

Como mudar os slides usando o Bootstrap Carousel?

Estou criando um site de portfólio e desejo ter 2 seções distintas. O primeiro é uma introdução simples e o segundo é um carrossel que posso preencher com conteúdo adicional, como projetos e outros enfeites. Consegui implementar ambos na maior parte, no entanto, não consigo fazer meu carrossel mudar para o próximo item. A primeira vez que clico no ícone próximo/anterior, meu texto desce um pouco na página, mas permanece no primeiro slide e não responde mais.

carousel bootstrap 4 javascript css

0
Responda

Como definir alturas de elementos de coluna usando bootstrap?

Então, o que estou tentando fazer é definir as alturas iniciais para duas colunas diferentes. Para a primeira coluna, quero ocupar 30vh e a segunda coluna 70v, mas também quero que ambas as colunas ocupem 100vh quando expandidas acima de um ponto de interrupção médio e superior. A parte complicada é fazer com que as colunas no ponto de interrupção inicial sejam 30vh e 70vh, o que tentei dando às colunas uma classe e definindo a altura em um css separado, mas quando faço isso ele permanece desse tamanho quando vou acima do médio. Tentei definir a altura no elemento de bootstrap ROW com h-100, e ele altera a altura da linha para 100%, mas se eu tentar fazer qualquer coisa diferente de h-100, ele não aplicará nenhuma alteração.O que estou tentando fazer é definir as alturas iniciais para duas colunas diferentes. Para a primeira coluna, quero ocupar 30vh e a segunda coluna 70v, mas também quero que ambas as colunas ocupem 100vh quando expandidas acima de um ponto de interrupção médio e superior. A parte complicada é fazer com que as colunas no ponto de interrupção inicial sejam 30vh e 70vh, o que tentei dando às colunas uma classe e definindo a altura em um css separado, mas quando faço isso ele permanece desse tamanho quando vou acima do médio. Tentei definir a altura no elemento de bootstrap ROW com h-100, e ele altera a altura da linha para 100%, mas se eu tentar fazer qualquer coisa diferente de h-100, ele não aplica nenhuma alteração. <div id="main-page"class="container-fluid"> <div class="row h-100"> <div class="col-sm-6 bg-primary">col-sm-8</div> <div class="col-sm-6 bg-secondary">col-sm-4</div> </div> </div> <div id="main-page"class="container-fluid"> <div class="row h-100"> <div class="col-sm-6 bg-primary">col-sm-8</div> <div class="col-sm-6 bg-secondary">col-sm-4</div> </div> </div> col-sm-8 col-sm-4 #main-page { height: 90vh; background-color: rgba(255,0,0,0.1); } #main-page { height: 90vh; background-color: rgba(255,0,0,0.1); } # página principal { altura: 90vh; cor de fundo: rgba (255,0,0,0,1); } https://www.malai.co/ Este site é o que estou tentando atingir.

css bootstrap 4 grid flexbox

1
Responda

Usando a classe selecionada com Flask [duplicado]

Esta pergunta já tem respostas aqui: Post values from an HTML form and access them in a Flask view (2 respostas) Fechadoontem. Esta pergunta já tem respostas aquiEsta pergunta já tem respostas aqui: Post values from an HTML form and access them in a Flask view Poste valores de um formulário HTML e acesse-os em uma visualização Flask (2 respostas) (2 respostas) Fechadoontemontem. Desejo recuperar em meu aplicativo python o valor selecionado em um formato html/javascript.

forms flask bootstrap 4

0
Responda

Onde a classe css .fieldWrapper é definida? (referenciado na documentação do Django)

Eu tenho um código HTML em um aplicativo Django escrito por outra pessoa e ele usa um código .fieldWrapper Classe CSS que não está definida no aplicativo. Pesquisei o fieldwrapper no Google, nos documentos Django e nos documentos Bootstrap. Na documentação do Django, vejo being used in multiple examples, mas não o vejo documentado em lugar nenhum.

bootstrap 4 django forms django css twitter bootstrap

1
Responda

Como corrijo o uso da posição do ícone de pesquisa na barra de navegação?

Estou projetando uma barra de navegação para um site no qual estou trabalhando. Estou tendo o problema que pode ser visto nas fotos. A resolução de 1080p funciona perfeitamente em telas de tablets ou celulares. mas quando a resolução começa a diminuir um pouco, o ícone do componente de pesquisa na barra de navegação não está no mesmo plano da caixa de pesquisa. Como posso resolver isso? obrigado. Nota: Estou usando a biblioteca bootstrap 4.5 para projetar.

css bootstrap 4 html search search box

1
Responda

Posição da dica de bootstrip 4: direita automática

Quero que minha dica de ferramenta fique à direita dos elementos na área de trabalho, porque ela se encaixa melhor no meu design. No entanto, isso levanta um problema ao trabalhar em uma tela menor. A documentação do bootstrap 3 diz que ele suporta o posicionamento correto automático, que deve preferir a dica de ferramenta à direita e, se isso for impraticável, ele escolherá automaticamente um lado. Estou usando o bootstrap 4 e tentei usar essa opção, mas não funcionou.

bootstrap 4 javascript jquery html popper.js

1
Responda

O componente Vue Bootsrap não é renderizado após a atualização da Vuex Store. usando watch e nextTick

Em um aplicativo vue cli, não consigo descobrir como fazer um objeto em um componente ser renderizado novamente quando há uma alteração na loja Vuex feita por outro componente. Neste exemplo, altero a variável curDocType, mas a variável b-form-select objeto permanece o mesmo valor (inicialmente 0). Não tenho certeza se o problema está no lado do Bootsrap ou no Vue.

vue.js vuex bootstrap 4 vue bootstrap

Etiquetas quentes

© 2021   OlaMundo.Org