User:Blead/Dropdowns

Template

<div class="dropdown"><btn data-toggle="dropdown">{{{1}}}</btn><ul class="dropdown-menu"><li style="line-height:18px; width:452px; padding:1px">{{{2}}}</li></ul></div>

<div class="dropup"><btn data-toggle="dropdown">{{{1}}}</btn><ul class="dropdown-menu"><li style="line-height:18px; width:452px; padding:1px">{{{2}}}</li></ul></div>

<!-- Do some switch magic for dropdown/dropup, or just use separate template I guess?-->

Markup

<div class="dropdown">
  <btn data-toggle="dropdown">|Berwyn Rear <span class="caret"></span></btn><ul class="dropdown-menu">
    <li style="line-height:18px; width:452px; padding:1px">
      [[File:UIItemBerwyna.png|64px|link=|Rear / Berwyn a]][[File:UIItemBertiweaa.png|64px|link=|Rear / Bertiwea a]][[File:UIItemBergosta.png|64px|link=|Rear / Bergost a]][[File:UIItemBerwynb.png|64px|link=|Rear / Berwyn b]][[File:UIItemBertiweab.png|64px|link=|Rear / Bertiwea b]][[File:UIItemBergostb.png|64px|link=|Rear / Bergost b]][[File:UIItemBerwync.png|64px|link=|Rear / Berwyn c]]
    </li>
  </ul>
</div>


<div class="dropup">
  <btn data-toggle="dropdown">|Gix <span class="caret"></span></btn><ul class="dropdown-menu">
    <li style="line-height:18px; width:452px; padding:1px">
      [[File:GixZangulumIcon.png|64px|link=|Sword / Gix Zangulum]][[File:GixGilminaduIcon.png|64px|link=|Wired Lance / Gix Gilminadu]][[File:GixJinraoduIcon.png|64px|link=|Partizan / Gix Jinraodu]][[File:GixJhikdrennIcon.png|64px|link=|Twin Dagger / Gix Jhikdrenn]][[File:GixZelvranIcon.png|64px|link=|Double Saber / Gix Zelvran]][[File:GixDisangaIcon.png|64px|link=|Knuckle / Gix Disanga]][[File:UIItemGixBascht.png|64px|link=|Katana / Gix Bascht]][[File:GixKhutrivIcon.png|64px|link=|Dual Blade / Gix Khutriv]][[File:GixGranasIcon.png|64px|link=|Gunslash / Gix Granas]]<br>
      [[File:GixShadokeIcon.png|64px|link=|Assault Rifle / Gix Shadoke]][[File:GixVerataIcon.png|64px|link=|Launcher / Gix Verata]][[File:GixKafirIcon.png|64px|link=|Twin Machine Gun / Gix Kafir]][[File:GixVisetIcon.png|64px|link=|Bullet Bow / Gix Viset]]<br>
      [[File:GixJeuduIcon.png|64px|link=|Rod / Gix Jeudu]][[File:GixErnoeIcon.png|64px|link=|Talis / Gix Ernoe]][[File:GixRenanIcon.png|64px|link=|Wand / Gix Renan]][[File:GixKarinaIcon.png|64px|link=|Jet Boots / Gix Karina]]
    </li>
  </ul>
</div>

Result

<btn data-toggle="dropdown">|Berwyn Rear </btn>

• 

<btn data-toggle="dropdown">|Gix </btn>

• Partizan / Gix Jinraodu
  
  Rod / Gix Jeudu