Bootstrap -表单-水平对齐

文章/答案/技术大牛

发布

0回答

html、twitter-bootstrap

我有一个关于bootstrap form-horizontal的问题，问题是我有一个包含两个" form -group col-sm-6“组的水平表单。我需要删除该空间，以便两个表单组填充该空间。我使用的代码是：<!- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/<em

浏览 1提问于2017-11-28得票数 2

回答已采纳

2回答

表单-垂直样式

html、css、twitter-bootstrap

我对我的项目使用，正如您可能知道的，默认的表单对齐方式是垂直的，所以标签显示在表单字段的上方。您可以添加类form-horizontal以在表单域旁边显示标签。我正在构建一个水平显示的表单，但我希望表单的一个子集是垂直对齐的。因此，我向该部分添加了类form-vertical，但它不会更改任何内容。所以我查看了bootstrap样式表，其中没有form-vertical类的声明。您有什么建议来解决(或变通)这个问题吗？

浏览 2提问于2012-10-12得票数 0

回答已采纳

2回答

创建具有水平和垂直表单域的引导表单

html、css、forms、twitter-bootstrap

有没有什么办法我可以使用bootstrap创建一个表单，它可以让字段在同一行中对齐，也可以在水平字段中对齐？像这样的东西？在这种情况下，cvv MM和YY在同一个line..How中，我可以使用bootstrap表单使其成为可能吗？<button type="submit" class="btn btn-default">Submit</button> <

浏览 0提问于2014-01-01得票数 6

回答已采纳

1回答

具有行或内联表单的Bootstrap3水平表单

twitter-bootstrap-3、gwtbootstrap3

我想完成一个水平的表单，每行有多个左对齐的表单控件。最终的布局应该如下所示首先，我希望图标显示在用户名右侧的用户名旁边，就像上图所示。我将GWT与bootstrap3.3.2一起使用。我读了很多关于混合使用水平表单和内联表单，或者使用水平表单和多行表单控件的内容。最后一种方法是我最喜欢的。正如您在那里看到的，图标与用户的姓名不能很好地(垂直)对齐。此外，我希望在用户名

浏览 2提问于2015-10-11得票数 1

2回答

与bootstrap水平表单正确对齐

jquery、html、css、forms、twitter-bootstrap

我使用的代码如bootstrap站点中所示，用于水平表单。我已经包含了必要的bootstrap.css文件。然而，我的水平表单并没有像预期的那样对齐。标签在最左边，表单从浏览器页边距的25%开始，水平延伸到页面末尾，表单上下相互接触，没有任何间距。 bootstrap页面上说要使用.form-horizontal类，但我不知道应该在哪里使用它。

浏览 1提问于2014-02-04得票数 0

7回答

如何左对齐这些Bootstrap表单项目？

html、css、forms、twitter-bootstrap

我是第一次使用Bootstrap，并且在将这个表单水平向左对齐时遇到了很多问题。下面是我的HTML。如果你在这个页面的“水平表单”下看，你会看到标签是左对齐的，但不是绝对左对齐的，所以标签的开头垂直地在

浏览 2提问于2013-01-11得票数 45

3回答

对齐Bootstrap窗体标签

css、twitter-bootstrap

我有这个Bootstrap水平表单，但问题是标签文本不对齐。如何对齐标签文本。 <html> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"form> </div>

浏览 1提问于2015-08-28得票数 0

1回答

当屏幕变小时，如何才能看到页面的所有内容

twitter-bootstrap-3

我刚接触bootstrap。当屏幕变小时，我可以做些什么来查看页面的所有内容。

浏览 6提问于2015-12-22得票数 0

1回答

CSS/Bootstrap v3 -对齐搜索按钮和输入字段(Drupal中的Bootstrap 3)

css、twitter-bootstrap-3、drupal-7

使用Drupal7.6x中的Bootstrap和Search v3模块(以及Search Page)，我尝试将搜索按钮与输入字段对齐，但两者都不能水平对齐。保罗·B

浏览 3提问于2018-11-28得票数 0

1回答

Bootstrap 3-使用多行标签对齐内联表单的元素

html、css、twitter-bootstrap

我在我的内联表单中对齐元素时遇到问题。表单非常简单，但是其中一列有一个很长的标签，它将输入元素压得比其他输入元素低。不管标签有多少行，水平对齐这些输入元素的正确方法是什么？ <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"&#

浏览 7提问于2015-09-16得票数 2

3回答

Bootstrap :垂直表单中的水平字段

css、twitter-bootstrap

我想有一些“水平样式”内的Bootstrap“垂直样式”的形式字段。我如何才能做到这一点(如果可能)？

浏览 2提问于2012-12-05得票数 3

回答已采纳

1回答

未在Bootstrap水平表单中对齐的字段

html、angularjs、twitter-bootstrap、twitter-bootstrap-3

我使用Bootstrap在Angular中创建了一个水平表单。我有一个日期字段，只是稍微有点不对齐。与其上方的输入字段相比，IsMessedUp日期选择器的输入字段左对齐。

浏览 1提问于2016-03-15得票数 0

2回答

CSS Bootstrap:如何排列项目？

html、css、bootstrap-4

我想排列标签和输入标签。 <div class="form-group row"> for="field_hasSernum">Has Sernum</label></di

浏览 28提问于2019-05-19得票数 0

回答已采纳

4回答

Bootstrap 3表单使用输入组附加包装错误标签和Jquery验证

jquery、jquery-validate、twitter-bootstrap-3

将Bootstrap 3与表单水平结合使用，将表单分组和输入组标记与Jquery-Validate结合使用。当Jquery.Validate运行错误时，它会在输入组中附加一个标签错误控件。问题是，当Jquery Validate添加标签错误控件时，input-group-addon会换行到表单字段下面的下一行。如何让label error保留在表单控件中，并将-group-包装到下一行？是的，我知道这个解决方案-效果很好，但仍然没有对齐form-hori

浏览 54提问于2014-02-18得票数 25

1回答

Bootstrap水平对齐问题

html、css、twitter-bootstrap、center-align

我也在使用Bootstrap。

浏览 7提问于2020-07-02得票数 0

4回答

Bootstrap水平对齐窗体

html、twitter-bootstrap-3

有没有人能告诉我为什么我在用select控件水平对齐文本框时，会遇到bootstrap的这种奇怪的对齐问题： ?

浏览 94提问于2017-05-08得票数 1

回答已采纳

4回答

将水平表单更改为左对齐(引导)

jquery、html、css、twitter-bootstrap、alignment

我希望联系人表单左对齐。但它总是居中对齐。我尝试了一个小时来调整这个，现在我的知识已经走到了尽头。

浏览 0提问于2015-01-31得票数 0

1回答

Bootstrap 4水平表单复选框未对齐

css、angularjs、twitter-bootstrap、bootstrap-4、ng-bootstrap

我正在尝试将Bootstrap 4集成到Angular 5应用程序中。水平窗体上具有复选框和单选按钮的行未与其他行对齐。我使用了Bootstrap文档中的代码。此窗体具有粘滞的导航栏和页脚。

浏览 0提问于2018-01-24得票数 1

1回答

为什么带有img响应的bootstrap class center-block不能将图像定位在中心

html、twitter-bootstrap-3

我正在尝试使用引导类img-responsive和center-block将图像居中对齐。但不知何故，当从浏览器(IE和chrome)测试时，图像不会水平对齐。奇怪的是，当尝试使用fiddle时，相同的html会将其居中对齐。代码： <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/

浏览 22提问于2016-07-28得票数 0

回答已采纳

2回答

Bootstrap水平表单

html、css、bootstrap-4

我尝试在bootstrap中创建一个水平表单，并使用了他们在文档中给出的代码。在示例中，他们给出的输入框填充了整个列空间。由于某种原因，即使我复制了代码，这种情况也不会发生。如何使我的格式相同？

浏览 34提问于2021-02-28得票数 1

回答已采纳

点击加载更多