부트 스트랩 양식의 공백을 닫습니다.

Question

다음 CSS 코드가 포함 된 부트 스트랩 양식이 있습니다. margin : 0 속성을 추가하여 폼의 빈 공간을 닫으려고 시도했지만 여전히 요소 사이의 공백이 있습니다.

CSS 형태 코드

<div class="row-fluid"> 
    <form style="width: 90%; height: 100%; margin-top:1px;" method="post"novalidate="novalidate" class="form well"> 


     <div class="row-fluid"> 
      <div> 
       <label for="complaints">Message *</label> 
       <textarea style="width:100%;" name="complaints" rows="3" required></textarea> 
      </div> 
     </div> 
     <div class="form-actions"> 
      <input style="width:100%; background-color:#da291c;" class="btn btn-primary" name="commit" type="submit" value="Send"> 
     </div> 
    </form> 
</div> 

이

는

내 도전 영역에 화살표로 지시 된 차이를 가까이하는 상기 형태의 사진이다. 내가

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css"> 

Answer 1

당신은 부트 스트랩 margin-bottom을 제거 할 수 있습니다 부트 스트랩이 버전을 사용하고

는 코드와 클래스 .control-group

.row-fluid div.control-group, div.form-actions { 
    margin-bottom: 0px; 
} 

div.my-form{ 
    padding-bottom: 0px; 
    margin-top:0px; 
    padding-top:0px; 
} 

.control-group input,.control-group textarea{ 
     margin-bottom: 0px;  
} 

form.form{ 
    padding-bottom: 0; 
    padding-top:0; 
} 

업데이트] jsfiddle에 추가

Answer 2

이 사용할 수 있습니다 코드 :

input[type=text], .txtarea{ 
    margin-bottom: 10px; 
} 

Answer 3

부트 스트랩에서 이미 margin 속성을 항상 유지합니다. 우리는 당신의 문제를 해결하기 위해 그것을 덮어 쓸 수 있습니다.

당신은 하나 개의 클래스 다음과 같이 추가해야합니다

.splclass{ 
    margin:0 !important; 
    padding:0 !important; 
} 

을 다음과 같이 양식 인라인 스타일에 추가로 추가

<form style="width: 90%; height: 100%; margin-top:1px; padding-top:5px;" method="post"novalidate="novalidate" class="form well "> 

을 내가 그것을 것 도움이

Answer 4

그럼 돈 당신이 경우 생각 그 사이에 공간이 필요 없으므로 마진은 절대로 원하지 않습니다.

.send { 
    width:100%; 
    background-color:#da291c; 
} 

.message { 
    width:100%; 
} 

.form { 
    width: 90%; 
    height: 100%; 
    margin: 0; 
} 

및 HTML : : 그것의 자신의 파일에 CSS를 이동

<div class="row-fluid"> 
    <form class="form" method="post" novalidate="novalidate" class="form well"> 

     <div class="row-fluid"> 
      <div class="control-group span12"> 
       <label for="name">Name *</label> 
       <input ng-model="name" name="name" type="text" class="input-block-level" required> 
      </div> 
     </div> 
     <div class="row-fluid"> 
      <div class="control-group span12"> 
       <label for="email">Email *</label> 
       <input name="email" placeholder="" type="email" class="input-block-level" ng-model="email"ng-change="id=email" required> 
      </div> 
     </div> 
     <div class="row-fluid"> 
      <div class="control-group span12"> 
       <label for="complaints">Message *</label> 
       <textarea class="message" name="complaints" rows="3" required></textarea> 
      </div> 
     </div> 
     <div class="form-actions"> 
      <input class="btn btn-primary send" name="commit" type="submit" value="Send"> 
     </div> 
    </form> 
</div> 

당신은 여기 바이올린 볼 수 있습니다 https://jsfiddle.net/6j98311j/