• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

LOGO nie chcę się powiększyć na stronie. Bootstrap...

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
887 wizyt
pytanie zadane 15 maja 2017 w HTML i CSS przez Patryk Kożuchowski Początkujący (460 p.)

Cześć,

Chodzi o logo(to obrazek), nie mogę go powiększyć, a nie wiem gdzie tkwi błąd. Korzystam z bootstrapa(netbeans IDE). Wrzuciłem kod css. Chodzi oczywiście o to żółte w rogu.

.logo
	{
	float:left;
	width:auto;
	height:auto;
	margin-left:5px;
	margin-top:20px;
	margin-bottom:25px;
	clear:both;
	
	}

 

2 odpowiedzi

+1 głos
odpowiedź 15 maja 2017 przez radek024 Szeryf (77,160 p.)

Jeżeli to napis, to z tego co pamiętam powinien siedzieć w .navbar-brand(rozumiem, że to nawigacja). Wtedy możesz to powiększyć za pomocą font-size. Jeżeli to obrazek, możesz wykorzystać znacznik picture.

komentarz 15 maja 2017 przez Patryk Kożuchowski Początkujący (460 p.)

Ok, jak zrobię bez klasy to mam fajny odstęp między slajdami a zdjęciami jednak jak już dodam navbar-brand. To mam takie coś.

.navbar-brand {
    float: left;
    height: 2px;
    padding: 15px 15px;
    font-size: 2px;
    line-height: 5px;
}
.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}
.navbar-brand>img {
    display: block;
}
@media (min-width: 768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px;
    }
}
<picture>
            <div class="navbar-brand">
            <div class="col-lg-3">
             
                <img  src="img/logo3.jpg" class="img-reponsive"/>
          
             </div>
            </div>
        </picture> 

 

komentarz 15 maja 2017 przez lewy Obywatel (1,260 p.)
daj w style.css

img{ width 100%} dopasuje Ci obraz responsywnie do wielkosci Twojego diva.
komentarz 15 maja 2017 przez radek024 Szeryf (77,160 p.)
Trochę namotałeś krótko mówiąc :D znacznik picture dałbym w diva navbar-brand i tam dał różne loga dla różnych szerokości(poczytaj dokładnie tę sekcję ze strony, którą poleciłem). Chociaż kto wie czy wyżej podane rozwiązanie nie będzie działało?
+1 głos
odpowiedź 15 maja 2017 przez lewy Obywatel (1,260 p.)
daj w style.css

img{ width 100%} dopasuje Ci obraz responsywnie do wielkosci Twojego diva.
komentarz 15 maja 2017 przez lewy Obywatel (1,260 p.)

wrzuc caly kod jeszcze raz jaki masz teraz

 

komentarz 15 maja 2017 przez Patryk Kożuchowski Początkujący (460 p.)
Height usunołem i jest dobrze, dalej sobie poradzę, wielkie dzięki :)
komentarz 15 maja 2017 przez lewy Obywatel (1,260 p.)
no wlasnie tam w cc masz dziwne ustawianie height i line height tym sobie ustawisz wysokosc branda i logo.. powodzenia
komentarz 15 maja 2017 przez Patryk Kożuchowski Początkujący (460 p.)
.navbar-brand {
    float: left;
   
    
    padding: 15px 15px;
   
    line-height: 5px;
    
}
img{ width 100%}
.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}
img {width: 100%;}
.navbar-brand>img {
    display: block;
    
}
@media (min-width: 768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px;
    }
}
<picture

            <div class="navbar-brand">

            </div>

            <div class="col-lg-3">

                <img  src="img/logo3.jpg" class="img-reponsive"/>

            </div>

 

        </picture>

 

komentarz 15 maja 2017 przez Patryk Kożuchowski Początkujący (460 p.)
Wrzuce kod może komuś się przyda dzięki!

Podobne pytania

0 głosów
1 odpowiedź 201 wizyt
0 głosów
1 odpowiedź 212 wizyt
0 głosów
1 odpowiedź 3,853 wizyt

93,187 zapytań

142,203 odpowiedzi

322,025 komentarzy

62,515 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 2581p. - dia-Chann
  2. 2537p. - Łukasz Piwowar
  3. 2528p. - Łukasz Eckert
  4. 2514p. - CC PL
  5. 2476p. - Tomasz Bielak
  6. 2445p. - Łukasz Siedlecki
  7. 2443p. - rucin93
  8. 2373p. - Marcin Putra
  9. 2310p. - Michal Drewniak
  10. 2156p. - Anonim 3619784
  11. 2152p. - Adrian Wieprzkowicz
  12. 2105p. - Mikbac
  13. 1733p. - rafalszastok
  14. 1701p. - Michał Telesz
  15. 1580p. - ssynowiec
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...