Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2000
    Messaggi
    727

    problema con altezza navbar di bootstrap

    non riesco ad aumentare l'altezza della navbar di bootstrap, ho fatto così-->

    .navbar-header {
    min-height: 100px;
    }

    e il codice della mia barra inizia così-->

    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">

    perchè l'altezza non è andata a 100??????????????
    (ah ovviamente prima di questa soluzione ne ho provate anche altre, ma la mia barra sembra ingessata...)

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Quel codice l'hai messo prima o dopo l'inclusione di bootstrap?
    No

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2000
    Messaggi
    727
    no no, non ho sbagliato, prima c'è
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    poi dopo c'è
    .navbar-header {
    min-height: 100px;
    }

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Puoi dare il link di una demo?
    No

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2000
    Messaggi
    727
    uh ho risolto da solo!
    era una questione di posizione all'interno del blocchetto
    <style type="text/css">
    .....
    </style>
    che avevo messo dopo il
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    Mi piacerebbe però capire il motivo... se qualcuno ha voglia di farmelo capire...
    questo è il blocchetto che funziona

    <style type="text/css">
    .dropdown:hover .dropdown-menu {
    display: block;
    }
    .navbar{min-height:70px}
    body { padding-top: 85px;
    .thumbnail {
    padding: 3px;
    margin-bottom: 10px;
    }

    H1 {font: 24px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin:0;padding:0}
    H2 {font: 15px Geneva, Arial, Helvetica, sans-serif; text-align: justify; line-height: 130%}
    H3 {font: 24px Geneva, Arial, Helvetica, sans-serif; text-align: left; line-height: 110%}
    H4 {color: black; font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; line-height: 15%}
    </style>

    e questo è lo stesso ma che non funzionava

    <style type="text/css">
    H1 {font: 24px Geneva, Arial, Helvetica, sans-serif; text-align: left; margin:0;padding:0}
    H2 {font: 15px Geneva, Arial, Helvetica, sans-serif; text-align: justify; line-height: 130%}
    H3 {font: 24px Geneva, Arial, Helvetica, sans-serif; text-align: left; line-height: 110%}
    H4 {color: black; font: 15px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; line-height: 15%}
    body { padding-top: 80px;
    .thumbnail {
    padding: 3px;
    margin-bottom: 10px;
    }
    .dropdown:hover .dropdown-menu {
    display: block;
    }
    .navbar{min-height:70px}
    </style>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.