Html 将输入元素放置在页面右侧

Html 将输入元素放置在页面右侧,html,css,twitter-bootstrap,user-interface,Html,Css,Twitter Bootstrap,User Interface,我在页面右侧放置两个元素时遇到一些困难。奇怪的是,类似问题的建议答案根本不起作用,或者给出的结果很差,但如果我使用更简单的元素,例如文本字段,大多数答案都是正确的 意见是: 以下是我所拥有的: 输入,选择,文本区域{ 最大宽度:280px; 文本大小调整:自动; } 滤器 我假设您已将输入组设置为固定宽度,而不是默认的100%。否则,谈论定位是没有意义的 在任何情况下,引导都有一个pull right类,您可以使用该类将元素向右浮动。只需将其添加到您的第一个div 。输入组{ 宽度:300

我在页面右侧放置两个元素时遇到一些困难。奇怪的是,类似问题的建议答案根本不起作用,或者给出的结果很差,但如果我使用更简单的元素,例如文本字段,大多数答案都是正确的

意见是: 以下是我所拥有的:

输入,选择,文本区域{
最大宽度:280px;
文本大小调整:自动;
}

滤器

我假设您已将
输入组设置为固定宽度,而不是默认的100%。否则,谈论定位是没有意义的

在任何情况下,引导都有一个
pull right
类,您可以使用该类将元素向右浮动。只需将其添加到您的第一个div

。输入组{
宽度:300px;
}

滤器
试试这个:

<div class="input-group">
        <span class="input-group-addon">Filter</span>
        <input class="form-control" type="text" placeholder="Search text" ng-model="searchText">
    </div>

你能多放点代码吗?多放点什么代码?哈哈,这么简单吗?我花了一上午的时间试图解决这个问题。非常感谢:)没问题!
pull right
类是一个引导类,基本上就是
float:right!重要的
.input-group-addon {
    min-width:100px;
    text-align:left;
}