而不是在下拉菜单中使用锚点或按钮,我想为每个项目都有一个表单。该表单包含一些隐藏的字段和一个提交按钮。当我在表格的每个<li>
中放置表单时,UI已经搞乱了。 Bootstrap本身支持这个吗?如果不是,我将重新编写我的应用程序以使用链接。Twitter Bootstrap:使用提交表单作为下拉菜单项?
更新1:屏幕截图
更新2:标记
<div class="btn-group open">
<button class="btn">Action</button>
<ul class="dropdown-menu">
<li>
<form action="#" method="post">
<fieldset>
<input type="submit" value="Favorite"/>
</fieldset>
</form>
</li>
<li><a href="#">Message</a></li>
<li>
<form action="#" method="post">
<fieldset>
<input type="submit" value="Smile"/>
</fieldset>
</form>
</li>
<li>
<form action="#" method="post">
<fieldset>
<input type="submit" value="Block"/>
</fieldset>
</form>
</li>
<li>
<form action="#" method="post">
<fieldset>
<input type="submit" value="Friend"/>
</fieldset>
</form>
</li>
<li>
<form action="#" method="post">
<fieldset>
<input type="submit" value="Exclude From Future Search Results"/>
</fieldset>
</form>
</li>
</ul>
</div>
更新3:图标
我想提交按钮有一个图标。不知道什么是应该做的最好的方法,但是这是我的解决方案:
<label for="foo">
<i class="icon-ok></i> Favorite
</label>
<input id="foo" style="display:none;" type="submit" value="Favorite"/>
提交表单是隐藏的,标签被显示为图标,并在标签上的用户点击,它的工作原理。不需要JS。
你能告诉我们什么它看起来就像'
@Ollie - 更新。 – StackOverflowNewbie