kzen.dev
  • Sorular
  • Etiketler
  • Kullanıcılar
Bildirimler
Ödüller
Kayıt
Kaydolduktan sonra, sorularınıza verilen yanıtlar ve yorumlar size bildirilecektir.
Oturum aç
Zaten bir hesabınız varsa, yeni bildirimleri kontrol etmek için giriş yapın.
Eklenen sorular, cevaplar ve yorumlar için ödüller olacaktır.
Daha
Kaynak
Düzenle
 Design2u
Design2u
Question

Bootstrap - Navbar sınıfına logo nasıl eklenir?

Üst navbar'a navbar-brand içinde bir logo eklemek istiyorum. Görüntü alanı boyutuyla ölçeklenmesini istiyorum, bu yüzden img-responsive2 sınıfını kullanıyorum.

Hem görüntü hem de navbar-brand'deki metin bir sonraki satıra sarılıyor gibi görünüyor.

Bu sayfa http://digitalponddesign.com/dev/ adresinden görüntülenebilir.

Yardımlarınız için şimdiden teşekkürler.

İşte benim kodum:

Html

   <h2 class="navbar-brand brand-name">
       <a href="index.html"><img class="img-responsive2"       
       src="images/DigitalPondlogo.png">DigitalPond</a>
   </h2>

CSS

.navbar {
margin: 10px 0;

}
.navbar-default {
background-color: #fff;
border-color: #fff;
}
.brand-name {
font-family: 'Josefin Slab', serif;
font-size: 47px;
font-weight: bold;
color: #444;
text-decoration: none;
}

.nav-container {
padding-top: 8px;
}

.navbar-custom {
font-size: 20px;
background-color: #FFF;

}
7 2015-02-06T04:15:04+00:00 3
 leppie
leppie
Edited question 2015ööp50öö4 Şubat 2015 в 4:50
Digital Pond Design
digitalponddesign.com
Programlama
twitter-bootstrap
This question has 1 Cevap in English, to read them log in to your account.
 Design2u
Design2u
2015ösp55ös17 Şubat 2015 в 5:55
2015-02-08T17:55:05+00:00
Daha
Kaynak
Düzenle
#26716065

Başka bir başlıkta işe yarayan bir çözüm buldum - pull-left sınıfını kullanın:

 <a href="#" class="pull-left"><img src="/path/to/image.png"></a> 

Bu başlıktaki Michael'a teşekkürler:

https://stackoverflow.com/questions/28358483/bootstrap-how-to-add-a-logo-to-navbar-class

 Community
Community
Edited answer 2017ööp54öö11 Mayıs 2017 в 11:54
13
0
 vbranden
vbranden
2016ösp35ös20 Temmuz 2016 в 8:35
2016-07-06T20:35:34+00:00
Daha
Kaynak
Düzenle
#26716066

Hem metni hem de görüntüyü satır içi bloklar olarak görüntüleyebilirsiniz, böylece yığılmazlar. pull-left/pull-right gibi kayan noktaların kullanılması istenmeyen sorunlara neden olabilir, bu nedenle bunlar idareli kullanılmalıdır

<a class="navbar-brand" href="#">
  <img src="mylogo.png" style="display: inline-block;">
  <span style="display: inline-block;">My Company</span>
</a>
4
0
sanjith edward
sanjith edward
2015ööp31öö7 Şubat 2015 в 7:31
2015-02-06T07:31:26+00:00
Daha
Kaynak
Düzenle
#26716064

Size bir resim ya da metin kullanmanızı öneririm. Yani, metni kaldırın ve resminize ekleyin (Photoshop kullanarak, belki). Ardından, resim için %100 genişlik ve yükseklik kullanın. bu işinizi görecektir. çünkü resim kapsayıcıya göre yeniden boyutlandırılabilir. Ancak, metni manuel olarak yeniden boyutlandırmanız gerekir. Eğer keman sağlayabilirseniz, bunu başarmanıza yardımcı olabilirim.

0
0
Soru ekleyin
Kategoriler
Herşey
Teknoloji
Kültür / Rekreasyon
Yaşam / Sanat
Bilim
Profesyonel
İş Dünyası
Kullanıcılar
All
New
Popular
1
Mansur Zakirov
Registered 1 gün önce
2
Тагир Мамедов
Registered 3 gün önce
3
Алексей Толманов
Registered 3 gün önce
4
Valeriu Vodnicear
Registered 1 hafta önce
5
Alex Johnson
Registered 2 hafta önce
DE
ES
ID
JA
RU
TR
© kzen.dev 2023
Kaynak
stackoverflow.com
Lisans altında cc by-sa 3.0 atıf ile