Perguntas com a marcação «responsive-design»

Atualmente, tenho algo como: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Agora assumindo isso, contenthavia caixas de alturas diferentes, com todas a mesma largura - como eu poderia manter o mesmo "layout baseado em grade" e …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Desde o Bootstrap 3 não há mais arquivos separados para folhas de estilo responsivas e padrão. Então, como posso remover facilmente os recursos responsivos?

85 twitter-bootstrap  responsive-design  media-queries  twitter-bootstrap-3 

Como tornar um iframe responsivo, sem assumir uma proporção? Por exemplo, o conteúdo pode ter qualquer largura ou altura desconhecida antes da renderização. Observe que você pode usar Javascript. Exemplo: <div id="iframe-container"> <iframe/> </div> Dimensione isso iframe-containerpara que o conteúdo mal caiba dentro sem espaço extra; em outras palavras, haverá …

14 javascript  html  css  iframe  responsive-design 

Estou com problemas para tentar exibir meu conteúdo da barra lateral / navegação (usando o Bootstrap) para mostrar (ser expandido) por padrão na área de trabalho e fechado por padrão no celular e ter o ícone exibido apenas no celular. Parece que não consigo fazer isso funcionar. <nav class="menu menu-open" …

9 javascript  html  css  bootstrap-4  responsive-design