我在这里有一个简单的演示: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> 我有一个无序的列表,对于每个列表项目,我希望在左边有文本,然后右alignment的button。 我试图使用拉右,但这完全混淆了alignment。 我究竟做错了什么?
我在移动设备上的Bootstrap菜单下拉(Bootstrap 2)有问题。 在这里用下拉button问了一个类似的问题,但是这个答案是bootstrap中的一个固有的bug,在更新中解决了。 我似乎有同样的问题,所以也许这是我的标记? 我有一个可折叠的下拉菜单导航栏,一切工作完美的桌面浏览器。 但是,在移动设备上,当您点击下拉菜单时,下拉菜单会打开,但点击任何下拉菜单链接都会将下拉菜单再次折叠 – 链接无法到达。 我试过各种引导版本,不能纠正这个,所以我只能想象它是我的标记。 这里是: <header class="navbar"> <div class="navbar-inner"> <div class="container"> <a href="#"><h1>Branding</h1></a> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> Menu </button> <div class="nav-collapse collapse"> <ul class="nav"> <li><a href="#">Menu Item 1</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu Item 2 (Dropdown)<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Dropdown Item 1</a></li> <li><a href="#">Dropdown Item 2</a></li> […]
我尝试了以下内容: <div class="modal hide fade modal-admin" id="testModal" style="display: none;"> <div class="modal-header"> <a data-dismiss="modal" class="close">×</a> <h3 id='dialog-heading'></h3> </div> <div class="modal-body"> <div id="dialog-data"></div> </div> <div class="modal-footer"> <a data-dismiss="modal" class="btn" >Close</a> <a class="btn btn-primary" id="btnSaveChanges">Save changes</a> </div> </div> 而这个Javascript: $('.modal-admin').css('width', '750px'); $('.modal-admin').css('margin', '100px auto 100px auto'); $('.modal-admin').modal('show') 结果不是我所期望的。 模式左上angular位于屏幕中央。 任何人都可以帮助我 有没有其他人试过这个。 我认为这并不是一件不寻常的事情。