Databases
StackOverflow2013
Postsdbo
POTwitter bootstrap - Add animation / transition effect to tabbed navigation
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTwitter bootstrap - Add animation / transition effect to tabbed navigation
    primarykey
    data
    text
    <p>i have a basic tabbed navigation using the example from the bootstrap site. how can i add an animation effect (fade in and out) so when each tab is clicked the new content is faded in?</p> <pre><code> &lt;!-- i have a basic tabbed navigation using the example from the bootstrap site. how can i add an animation effect (fade in and out) so when each tab is clicked the new content is faded in? --&gt; &lt;div class="tabbable"&gt; &lt;ul class="nav nav-tabs nav-stacked span3"&gt; &lt;li class="active"&gt; &lt;a href="#myDashboardNav" data-toggle="tab"&gt; &lt;i class="icon-align-justify"&gt;&lt;/i&gt; My dashboard &lt;span class="badge badge-important"&gt;20%&lt;/span&gt; &lt;/a&gt; &lt;/li&gt; &lt;li id="myfeed"&gt; &lt;a href="#myFeedNav" data-toggle="tab"&gt; &lt;i class="icon-list-alt"&gt;&lt;/i&gt; My feed &lt;span class="badge badge-important"&gt;6&lt;/span&gt; &lt;/a&gt; &lt;/li&gt; &lt;li id="notifications"&gt; &lt;a href="#notificationsNav" data-toggle="tab"&gt; &lt;i class="icon-time"&gt;&lt;/i&gt; Notifications &lt;span class="badge badge-important"&gt;9&lt;/span&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div class="tab-content span8"&gt; &lt;div class="tab-pane well active" id="myDashboardNav" style="height: 330px"&gt;Content1 &lt;/div&gt; &lt;div class="tab-pane well" id="myFeedNav" style="height: 330px"&gt;Content2 &lt;/div&gt; &lt;div class="tab-pane well" id="notificationsNav" style="height: 330px"&gt;Content3 &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USFlorent
    1. USGeV 126
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POTwitter bootstrap - Add animation / transition effect to tabbed navigation
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POTwitter bootstrap - Add animation / transition effect to tabbed navigation
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POTwitter bootstrap - Add animation / transition effect to tabbed navigation
      1. USGreg L
      1. VTFavorite
    1. COWhat have you done so far? Post any code that you've tried, and we'll try to help you work through it.
      singulars
      1. POTwitter bootstrap - Add animation / transition effect to tabbed navigation
      1. USjrd1
    2. COcode posted.. i'm just using the basic example of tabbed nav from bootstrap twitter site, i want to click each tab and rather than flick to the tab content, i want it to fade in and out. thanks
      singulars
      1. POTwitter bootstrap - Add animation / transition effect to tabbed navigation
      1. USGeV 126
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload