2013-05-02 12 views
6

Tworzę stronę internetową dla klienta, który musi mieć wersję mobilną. Mają już teraz witrynę, którą chcą zachować, ale po prostu chcą zupełnie innej wersji mobilnej - tak więc zastanawiałem się, czy Bootstrap na Twitter może zostać przycięty, tak że wykorzystuje tylko mobilny aspekt frameworka?Twitter Bootstrap - tylko wersja mobilna?

Przepraszam, jeśli moje pytanie nie ma sensu, jeśli nie, proszę zadać więcej pytań, a ja postaram się lepiej wyjaśnić.

Podsumowując, chcę zaprojektować mobilną wersję strony za pomocą Twitter Bootstrap, ale TYLKO wersja mobilna - nie jest potrzebna wersja na komputer, ponieważ istnieje już ona w domenie klientów.

+0

Możesz edytować pliki .Less. Ale jeśli robisz tylko urządzenia mobilne, weź pod uwagę jQuery Mobile. To byłby lepszy wybór. http://jquerymobile.com/ –

+0

Doskonały, który wygląda na lepsze rozwiązanie "okrągłe". Dzięki! –

+0

@NikkiMather Próbuję również utworzyć wersję strony mobilnej. Który z nich wybierzesz - Twitter Bootstrap lub jQuery Mobile? – user1448031

Odpowiedz

1

Jak wspomniano w Robin2k, plik "bootstrap-responsive.css"/"bootstrap-responsive.min.css" sprawi, że witryna będzie działać dobrze na większości urządzeń mobilnych.

Jeśli chcesz ściąć skrypt żeby zmniejszyć czas ładowania, najlepsza rada, jaką mogę dać jest:

  1. Upewnij używać .min.css i .min.js plików, są one znacznie mniejsze

  2. Spróbuj CloudFlare, będą buforować i kompresować pliki bootstrap aby Państwa ładunek miejsce znacznie szybciej

+3

A CloudFlare sprawi, że twoja strona będzie niedostępna regularnie. – jgillich

+0

@jgillich Zauważyłem, że niezawodność CloudFlare drastycznie poprawiła się w ciągu ostatnich kilku miesięcy. Amazon ma podobną usługę, choć jest znacznie droższy. – VCNinc

0

Z pewnością można używać tylko mobilnych części Twitter Bootstrap jako punktu wyjścia.

Ważniejsze pytanie brzmi: jaki jest cel oddzielnej strony mobilnej? Dlaczego użytkownik chce mieć inną zawartość na telefonie niż na laptopie lub komputerze? Najbardziej przyjaznym dla przyszłości sposobem byłoby uczynienie obecnej witryny responsywną/adaptacyjną, tak aby ta sama treść była dostępna, ale dostosowana do mniejszych ekranów.

Po prostu moje 2c, ale na pewno można wyciąć części Bootstrapa, których nie lubisz.

+0

Dzięki za twoje myśli.Naprawdę nie jestem pewien, dlaczego chcą mieć osobną wersję, w przeciwieństwie do zintegrowanej wersji uwzględniającej ich obecny projekt; Po prostu wiem, że nie chcą zmieniać ani używać swojej obecnej wersji komputerowej jako podstawy dla wersji mobilnej - chcą tylko 2 oddzielne jednostki. Dzięki za wkład. –

+0

Nie ma problemu, rozumiem, jak to jest być na łasce klienta. Warto jednak zapytać o użytkowników. Zobacz także [ten post na zapytania dotyczące mediów.] (Http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile -wersja-twojej-witryny /) – Cattsan

0

Klient, który chce, aby strona mobilna oferująca inne doświadczenie była doskonale zrozumiała. Uzyskiwanie dostępu do strony internetowej za pośrednictwem telefonu komórkowego lub komputera stacjonarnego przedstawia dwa przypadki użycia, a w zależności od tych przypadków użycia mogą występować funkcje witryny, którymi użytkownik będzie dbał lub nie zależy, w zależności od urządzenia, z którego korzysta, aby uzyskać do niego dostęp. Dlatego jeden rozmiar dla wszystkich nie zawsze jest najlepszym wyborem.