Jump to content
Sign in to follow this  
axlpl

Konflikt W Wersji Mobilnej I Desktopowej Przy Responsywnym Designie

Recommended Posts

hej tnę właśnie desing responsywny i mam taki problem przy obecnej strukturę na desktopach maja być zakładki

getbootstrap.com/javascript/#tabs

lecz na wersji mobilnej mają się zrobić slidy

getbootstrap.com/javascript/#collapse

czy jestem wstanie uzyskać to na takiej samej strukturę?

<ul class="nav nav-tabs">
  <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
  <li><a href="#profile" data-toggle="tab">Profile</a></li>
  <li><a href="#messages" data-toggle="tab">Messages</a></li>
  <li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>
 
<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane active" id="home">...</div>
  <div class="tab-pane" id="profile">...</div>
  <div class="tab-pane" id="messages">...</div>
  <div class="tab-pane" id="settings">...</div>
</div>
nie musi być ten collapse z bootstrapa ale nie ogarniam jak zrobić z tej struktury na responsywna taką

<ul class="nav nav-tabs">

<li class="active"><a href="#home" data-toggle="tab">Home</a>

<div class="tab-pane active" id="home">...</div>

</li>

<li><a href="#profile" data-toggle="tab">Profile</a>

<div class="tab-pane" id="profile">...</div>

</li>

<li><a href="#messages" data-toggle="tab">Messages</a>

<div class="tab-pane" id="messages">...</div>

</li>

<li><a href="#settings" data-toggle="tab">Settings</a>

<div class="tab-pane" id="settings">...</div>

</li>

</ul>

[code]

ponieważ inaczej sobie tego nie wyobrażam żeby później każdy ul > li dawać absolute żeby dane zakładka była nad dana treścią...

chyba zęby zastosować takie coś w 2 strukturach czyli praktycznie powielanie treści strony a nie kodu, i na desktopach dać mobile hide ten collapse a na collapse dać desktop hide, ale jak się ma takie z duplikowana treść pod względem seo?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By Konrad2019
      Mam prosty własny szablon.
      https://rod1975.github.io/rr/
       
      Chce doinstalować BBpress i podpiąć forum. Tworze własną stronę forum.php, okreslam nazwę szablonu, ale nie mam pojęcia jak wkleić skrót do forum, aby było widoczne na stronie forum.php. Oczywiście, nie ma problemu kiedy wklejam skrót na stronę, która jest domyślnym szablonem WP.
      Jakieś podpowiedzi?
    • By sleo
      Drodzy forumowicze,
       
      Mam do zaoferowania pracę nad pozycjonowaniem prostej strony hotelu (ok. 5 podstron).
       
      Dodatkowo szukam webmastera który złorzyłby ww. stronę na podstawie pliku *psd. W standardzie HTML, CSS , SEO + ew. CMS. 
       
      Zlecenie przewiduje również pracę nad podstawową promocją strony, min.: FB, Istagram; jak i administracją: Booking.com
       
      Projekt ma charakter freelancerski, tj. szukamy wolnego strzelca. Standardy i stawki korporacyjne nie wchodzą w grę.
       
      Reprezentuję firmę Bethlehem Cellar Pty. Ltd. z Południowej Afryki.
       
      Osoby zainteresowane proszę o kontakt e-mailowy, wraz z załączeniem doń CV. Proszę przesyłać konkretne zapytania, wraz z oszacowaniem wstępnego kosztorysu za pracę nad ww. zakresami projektu.
       
      Pozdrowienia,
       
      Sławomir Michał Bobola
      E-mail: slawomir@bobola.net.pl
      tel. +48 786 972 961
      http://slawomir.bobola.net.pl/info/
       
    • By cannot
      Sprzedam responsywną porównywarkę finansową https://gotowka.net.pl

      W skład wchodzi domena (pierwsza rejestracja w 2009r.) + skrypt z licencją Porównywarka pobiera automatycznie ofert
      z comperialead.pl i systempartnerski.pl

      Najistotniejsze możliwości :
      •    zarządzanie menu produktów i menu głównego
      •    zarządzanie polecanymi produktami
      •    możliwość wyłączenia dowolnych ofert
      •    możliwość ustawienia tytułu i opisu dowolnej podstrony
      •    zarządzanie wpisami na blogu i ich kategoriami
      •    łatwa zmiana logotypu
      •    możliwość zmiany linków partnerskich na linki z innych sieci
      •    powiadomienia o dostępnych aktualizacjach
      Cena - 500zł
       
      Kontakt:kamwisniak(@)wp.pl
       

       
    • By Damieen
      Od kilku miesięcy nie potrafię zlokalizować problemu z wyświetlaniem złej czcionki mojej strony na urzadzeniach apple i przegladarce safari. 
      Po wejsci na stronę lub podstronę uzywajac przegladarki Safari treśc artykułów i newsów na stronie jma zmienioną czcionkę. Przeglądarka przypisuje całej stronię czcionkę która jest użyta na stronie tylko i wyłącznie w nagłówkach (mowa o font walkway), tresc strony jest domyślną czcionką tahomą. Oczywiście na innych przegldarkach działa wszystko ok.
       
      Jakieś pomysły w czym może tkwić problem i jak go rozwiązać?
      Dotyczy to strony: http://www.dj-studio.pl
       
      W załączniku dla porówniania screenshot z Iphone.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Terms of Use Privacy Policy