English 中文(简体)
tw itter input input input
原标题:twitter bootstrap input append dropdown button appears on wrong side of input when in a table

www.un.org/spanish/ecosoc 下面的html本身做了罚款,但在表格中,在投入的左边,应当放在正确的一边。 它应当研究本页扩展表格控制部分的“ but”例子:

这两个项目都有正确的形态。 也就是说,四角和直线对口都是正确的,但由于纽托在投入的左边,直线对口不上下。 它是相互毗邻的环绕角。 我希望它们像在标记上一样出现,在投稿的同时,似乎一起加入到底顿。 即便是使用“投入-预支”(而不是想要这样做)这一类的尝试,也不会改变。

www.un.org/spanish/ecosoc 注:在铁路应用中使用tw锁的Im, 最新版本的tw锁-铁路。

<div class="btn-group input-append">    
    <input class="span2" id="fruit_selection" name="fruit" />           
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Fruit <span class="caret"></span></a> 
    <ul class="dropdown-menu">
        <li><a href="#">apple</a></li>
        <li><a href="#">orange</a></li>
        <li><a href="#">banana</a></li>
    </ul>   
</div>  
  • The only css I have is what came with twitter bootstrap and also jquery ui.
  • Its the same in safari and firefox.
  • Its within form tags.
  • I ve tried as many combinations of divs, spans, classes(append, prepend, btw-group, add-on, control-group etc) that I can think of.

www.un.org/spanish/ecosoc 我这样做是错误的吗? 我是否可以补充一下,使它发挥作用? 感谢任何帮助。

奖金点: <append and prepend example (http://twitter.github.com/cks/base-cs.html#forms)在一张桌子上或在桌外对我的现场进行工作。 我只能同时使用一种或另一种。

最佳回答

我看到你现在又努力做些什么,你希望利用一种投入,而不是一个与倒台集团的 but子。 看看boot圈子的文件,即找不到解决办法,因为你可以轻易地通过复制纽顿行为和仅仅创建你自己的班子,支持一个下游团体的投入,例如:

<>CSS

.btn-group .input:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

.btn-group .input {
    float: left;
    position: relative;
}

有了这一中心,所有你都必须做的是输入领域的<编码>。

<><><><>>><>>>>><>>>>>>>

<div class="btn-group">    
    <input class="span2 input" id="fruit_select" name="fruit" />            
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Fruit <span class="caret"></span></a>
    <ul class="dropdown-menu">
        <li><a href="#">apple</a></li>
        <li><a href="#">orange</a></li>
        <li><a href="#">banana</a></li>
    </ul>
</div>

,Demo, edit here

问题回答

下面举一个例子,请在四舍五入的人群中填写你的名单。 我知道你提到,你试图控制集团,但又开枪。 该法典在经过大量审判和错误之后对我有效。

<div class="control-group">
  <div class="controls">  
    <ul class="dropdown-menu">
        <li><a href="#">apple</a></li>
        <li><a href="#">orange</a></li>
        <li><a href="#">banana</a></li>
    </ul>   
  </div>
</div>




相关问题
rails collection_select vs. select

collection_select and select Rails helpers: Which one should I use? I can t see a difference in both ways. Both helpers take a collection and generates options tags inside a select tag. Is there a ...

SSL slowness in EC2

We ve deployed our rails app to EC2. In our setup, we have two proxies on small instances behind round-robin DNS. These run nginx load balancers for a dynamically growing and shrinking farm of web ...

Auth-code with A-Za-z0-9 to use in an URL parameter

As part of a web application I need an auth-code to pass as a URL parameter. I am currently using (in Rails) : Digest::SHA1.hexdigest((object_id + rand(255)).to_s) Which provides long strings like : ...

RubyCAS-Client question: Rails

I ve installed RubyCAS-Client version 2.1.0 as a plugin within a rails app. It s working, but I d like to remove the ?ticket= in the url. Is this possible?

activerecord has_many :through find with one sql call

I have a these 3 models: class User < ActiveRecord::Base has_many :permissions, :dependent => :destroy has_many :roles, :through => :permissions end class Permission < ActiveRecord::...

Ordering a hash to xml: Rails

I m building an xml document from a hash. The xml attributes need to be in order. How can this be accomplished? hash.to_xml

Text Editor for Ruby-on-Rails

guys which text editor is good for Rubyonrails? i m using Windows and i was using E-Texteditor but its not free n its expired now can anyone plese tell me any free texteditor? n which one is best an ...

How to get SQL queries for each user where env is production

I’m developing an application dedicated to generate statistical reports, I would like that user after saving their stat report they save sql queries too. To do that I wrote the following module: ...

热门标签