SORU
5 AĞUSTOS 2013, PAZARTESİ

Twitter'da CSS sorunu Bootstrap 3 ile Önerileri

Bootstrap 3 sürümü ile. Önerileri bu yana kaldırıldı:
https://github.com/twitter/typeahead.js

Entegre uzaktan başarılı bir şekilde veri alma Ive

ama otomatik tamamlama ile olan sorunu Im

enter image description here

gördüğünüz gibi iki metin ve metin üzerinde orada ortaya çıkıyor.

Ama şans belgelerinde dediği gibi css (https://github.com/jharding/typeahead.js-bootstrap.css) dahil ettik.

herhangi bir yardım veya öneri mutluluk duyacağız.

jsfiddle sorunu gösteren:
http://jsfiddle.net/KrtB5/

HTML

<body>
    <div class="container">
        <label>State</label> <input type="text" class="typeahead form-control" />
    </div>
</body>

Javascript:

$('.typeahead').typeahead({
    name: 'Some name',
    local: ['test', 'abc', 'def']
})

CEVAP
5 AĞUSTOS 2013, PAZARTESİ

EDİT: Bootstrap 3.0 için Güncellendi EDİT 2: Arama Önerileri değiştirildi. Yeni jsfiddle bakın

Etrafında kontrol formu gibi görünüyor stili ile oynadıktan sonra sınıf oldukça çizgi tt-ipucu vermiyor. Emin kenar boşlukları ve sınırları sıraya çıkardım. . Nguyen cevabı alıyor ve border-radius ekleme ve giriş-küçük desteği giriş-büyük/

CSS

.twitter-typeahead .tt-hint
{
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius:4px;
}

.twitter-typeahead .hint-small
{
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    line-height: 1.5;
}

.twitter-typeahead .hint-large
{
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
    line-height: 1.33;
}

Giriş-küçük Script giriş-büyük/

$('.typeahead.input-sm').siblings('input.tt-hint').addClass('hint-small');
$('.typeahead.input-lg').siblings('input.tt-hint').addClass('hint-large');

Güncelleştirilmiş jsfiddle: http://jsfiddle.net/KrtB5/340/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
JqueryCssTypeahead.js Css3,-Bootstrap-Twitter 3Css3

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • HuskyStarcraft

    HuskyStarcra

    4 HAZİRAN 2009
  • TheFlightsuit

    TheFlightsui

    22 HAZİRAN 2009
  • Tom Megalis

    Tom Megalis

    18 NİSAN 2006

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR