3. Class and data-types

Olá pessoal, eu tenho uma dúvida voltada mais para "how it works"

Até agora vi por exemplo:

<header>
        <nav class="navbar navbar-inverse">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">Caelum</a>
                <button type="button" data-toggle="collapse"  data-target=".navbar-collapse" class="navbar-toggle">Menu</button>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="navbar-nav nav">
                    <li><a href="#">Novidades</a></li>
                    <li><a href="#">Mais vendidos</a></li>
                    <li>
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            Camisetas
                            <span class="caret"></span>
                        </a>

Duvidas com:

data-toggle="collapse"  <- Este cara tem o nome collapse para exibir o que está escondido na classe interna <div class="collapse navbar-collapse"> ?

data-target=".navbar-collapse" <-  Entendi que este aponta para o cara interno <div class="collapse navbar-collapse">

class="navbar-toggle" <-- Qual a relação deste cara, porque ele tem que ser nomeado com toggle ? 


 class="navbar-nav nav" <-- Qual o fator para nomeação de classe dentro do bootstrap, seguindo uma logica <navbar-nav> <--- é meu menu, logo <nav> é a navegação dentro do menu (neste caso esta aninhado dentro de outro) ?


class="dropdown-toggle" <- A relação desta classe com dropdown-menu é sua funcionalidade de drop, seria por isso o data-toggle ?  e o mesmo recebe dropdown porque é o nome da classe interna ?

data-toggle="dropdown" <-- No caso toggle na classe é pra relalacionar a funcionalidade ?

 class="dropdown-menu"> <-- Qual a relação com dropdown-toggle ?