按钮始终向右对齐
Eitan K
我直接从bootstrap网站上获取了代码，但是按钮始终向右对齐。浏览完所有视图模板和CSS之后，我找到了罪魁祸首。我认为该问题来自Site.cssMVC Web应用程序中的默认问题。当我将其注释掉时，搜索栏将展开以与“转到”按钮连接
这是导致问题的css片段：
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
max-width: 280px;
}
我的代码如下：
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Content/Site.css" rel="stylesheet" />
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div><!-- /input-group -->
</div><!-- /.col-lg-6 -->
</div><!-- /.row -->
</div>
这是我的问题的一个示例：https : //jsfiddle.net/5wczeuf7/2/
为什么默认情况下是这样的？我该如何解决？
用户4051844
该按钮的父div使其向右移动，我通过移除父div的宽度来对其进行了修复：
.input-group-addon, .input-group-btn {
width: 0;
}
如果您不想影响所有因素，而只影响一个，则必须向父div添加一个自定义类或id。
JSFiddle：https ://jsfiddle.net/DTcHh/12246/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在UITableViewCell中向右对齐按钮
- 2
向右对齐？
- 3
在GNOME后备模式下将窗口按钮向右对齐？
- 4
在GNOME后备模式下将窗口按钮向右对齐？
- 5
如何将搜索按钮向右对齐？
- 6
相对位置按钮未完全向右对齐
- 7
将移动按钮向右对齐不起作用
- 8
Bootstrap 4，无法将按钮向右对齐
- 9
内联块-向右对齐？
- 10
flexbox-向右对齐
- 11
右对齐按钮
- 12
表格视图节标题中的make按钮以编程方式浮动/向右对齐// Swift
- 13
XML：如何将项目（HBox / Vbox的按钮）向右对齐
- 14
如何使用react-native-elements将按钮的标题向右对齐？
- 15
将引导导航栏向右对齐
- 16
GridExtra：将文本向右对齐
- 17
在Flexbox中将项目向右对齐
- 18
Android将textview向右对齐
- 19
将UITableViewCell中的文本向右对齐
- 20
将文本向右对齐，向左溢出
- 21
将项目（使用'：before'）向右对齐
- 22
在flex中将div的内容向右对齐
- 23
SwiftUI和WidgetKit图像向右对齐
- 24
在LinearLayout中将元素向右对齐
- 25
图片，然后将文本向右对齐
- 26
Div的字段集向右对齐
- 27
Android将textview向右对齐
- 28
内联代码块-向右对齐？
- 29
将UITableViewCell中的文本向右对齐
我来说两句