僕の勘違いでした。
Bootstrapの解説ページを読むと、あたかもこのJavaScript↓
$('.dropdown-toggle').dropdown()
を呼ばないと、ドロップダウンが有効にならないような印象を受けたのですが、この呼び出しは不要です。
解説を良く読むと、
data-toggle="dropdown"
の属性がタグについていると、自動的にドロップダウンが有効になることがわかりました。
じゃあ、$('.dropdown-toggle').dropdown()
はどういう時に使うのかというと、
<a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
Dropdown
<b class="caret"></b>
</a>
ではなく、
<a class="dropdown-toggle" href="#menu1">
Dropdown
<b class="caret"></b>
</a>
のように、data-toggle="dropdown"
の属性が付いていない場合に、あのJavaScriptを呼ぶことで後からドロップダウンを有効にさせたりすることができます。
まあ今のところドロップダウンは最初から有効にする画面しか作っていないので、JavaScriptの呼び出しは全く不要なわけです。
くそう、だまされた!