html – 为什么表单组在Bootstrap中有负余量？_html-js-css

概述我有这个非常简单的代码使用Bootstrap 3： <html> <body> <main class="container" role="main"> <form class="simple_form form-horizontal"> <div class="form-group text required campaign_url"> 我有这个非常简单的代码使用bootstrap 3：

<HTML>  <body>    <main  role="main">      <form >         <div >           <label  for="campaign_url"><abbr title="required">*</abbr> Url</label>           <textarea  name="campaign[url]" ID="campaign_url"></textarea>         </div>

它看起来像这样：

注意标签和投入是否粘在左边.检查那些元素我发现这个：

.form-horizontal .form-group {  margin-left: -15px;  margin-right: -15px;}

为什么在那里？我知道删除它是微不足道的,但它让我想知道我使用bootstrap的方式是错误的.我该怎么用？

解决方法它正在发生,因为你使用的是form-horizontal,这意味着与col-*一起被用作布局.从bootstrap文档：

Use bootstrap’s predefined grID classes to align labels and groups of form controls in a horizontal layout by adding .form-horizontal to the form (which doesn’t have to be a ). Doing so changes .form-groups to behave as grID rows,so no need for .row.

所以如果你简单地删除形状水平的负边距消失.

http://codeply.com/go/QQnqgfKv9v

总结

以上是内存溢出为你收集整理的html – 为什么表单组在Bootstrap中有负余量？全部内容，希望文章能够帮你解决html – 为什么表单组在Bootstrap中有负余量？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1101365.html