몇 가지 양식을 수평으로 설정하는 방법은 무엇입니까? 부트 스트랩
금성
하나의 셀 테이블에 몇 가지 양식이 있기 때문에 부트 스트랩에서 수평 입력 및 버튼을 설정하는 데 문제가 있습니다. 이렇게 :
<td>
<form class="form-horizontal" method="post" action="/cart/decrease" >
{{ csrf_field() }}
<div class="input-append">
<input type="hidden" value="{{$cartProduct->getProduct()->id}}" name="productId">
<input type="submit" class="btn btn-mini" value="-" name="minus">
</div>
</form>
<div>
<input class="span1" id="appendedInputButtons" size="16"
type="text" value="{{$cartProduct->getQuantity()}}" readonly>
</div>
<form class="form-horizontal" method="post" action="/cart/increase">
{{ csrf_field() }}
<div class="input-append">
<input type="hidden" value="{{$cartProduct->getProduct()->id}}" name="productId">
<input type="submit" class="btn btn-mini" value="+" name="plus">
</div>
</form>
<form class="form-horizontal" method="post" action="/cart/remove">
{{ csrf_field() }}
<div class="input-append">
<input type="hidden" value="{{$cartProduct->getProduct()->id}}" name="productId">
<input type="submit" class="btn btn-mini btn-danger" value="delete" name="delete">
</div>
</form>
</td>
div의 모든 양식을 가져 와서 설정해야 float:left합니까?
이제 다음과 같이 보입니다. 
달린 황
이것을 CSS에 추가하십시오.
td * {
display: inline-block;
}
또는 <td class="inline-form">새 CSS 규칙 과 같이 인라인으로 만들려는에 새 클래스를 추가하십시오 .
.inline-form * {
display: inline-block;
}
.inline-form * {
display: inline-block;
}<table>
<td class="inline-form">
<form class="form-horizontal" method="post" action="/cart/decrease">
{{ csrf_field() }}
<div class="input-append">
<input type="hidden" value="{{$cartProduct->getProduct()->id}}" name="productId">
<input type="submit" class="btn btn-mini" value="-" name="minus">
</div>
</form>
<div>
<input class="span1" id="appendedInputButtons" size="16" type="text" value="{{$cartProduct->getQuantity()}}" readonly>
</div>
<form class="form-horizontal" method="post" action="/cart/increase">
{{ csrf_field() }}
<div class="input-append">
<input type="hidden" value="{{$cartProduct->getProduct()->id}}" name="productId">
<input type="submit" class="btn btn-mini" value="+" name="plus">
</div>
</form>
<form class="form-horizontal" method="post" action="/cart/remove">
{{ csrf_field() }}
<div class="input-append">
<input type="hidden" value="{{$cartProduct->getProduct()->id}}" name="productId">
<input type="submit" class="btn btn-mini btn-danger" value="delete" name="delete">
</div>
</form>
</td>
</table>이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
부트 스트랩-양식의 입력을 양식 수평으로 전체 너비로 만드는 방법은 무엇입니까?
- 2
부트 스트랩-양식의 입력을 양식 수평으로 전체 너비로 만드는 방법은 무엇입니까?
- 3
부트 스트랩-항목을 나누지 않고 가로로 정렬하는 방법은 무엇입니까?
- 4
높이가 부러진 부트 스트랩 breadcrump-item을 수정하는 방법은 무엇입니까?
- 5
프로젝트에 부트 스트랩을 포함하는 가장 좋은 방법은 무엇입니까?
- 6
양식 수평 부트 스트랩에서 양식 컨트롤 사이의 공간을 줄이는 방법은 무엇입니까?
- 7
부트 스트랩 회전식 이미지를 반응 형으로 만드는 방법은 무엇입니까?
- 8
부트 스트랩을 사용하여 구성 요소를 수평으로 정렬하는 방법은 무엇입니까?
- 9
변수에 따라 부트 스트랩 열을 동적으로 변경하고 행을 추가 할시기를 결정하는 방법은 무엇입니까?
- 10
부트 스트랩 탭, 페이지로드시 선택한 탭을 설정하는 방법은 무엇입니까?
- 11
Twitter 부트 스트랩 테이블 열을 서로 더 가깝게 만드는 방법은 무엇입니까?
- 12
부트 스트랩 navbar의 드롭 다운 메뉴 항목을 수직이 아닌 수평으로 표시하는 방법은 무엇입니까?
- 13
부트 스트랩 캐 러셀 캡션 스타일을 지정하는 방법은 무엇입니까?
- 14
JavaFX 9 (StyleManager를 대체)로 응용 프로그램에 대한 몇 가지 기본 CSS 스타일 시트를 설정하는 방법은 무엇입니까?
- 15
Codeigniter를 사용하여 양식 제출시 부트 스트랩 모달이 닫히는 것을 방지하는 방법은 무엇입니까?
- 16
중첩 요소 부트 스트랩으로 양식을 인라인으로 만드는 방법은 무엇입니까?
- 17
몇 가지 서비스만으로 재부팅하는 방법은 무엇입니까?
- 18
부트 스트랩 트위터로 탐색 버튼을 오른쪽으로 설정하는 방법은 무엇입니까?
- 19
Autoform 필드에 대한 부트 스트랩 열을 지정하는 방법은 무엇입니까?
- 20
부트 스트랩 행을 오른쪽으로 과도하게 확장하는 부동 요소를 중지하는 방법은 무엇입니까?
- 21
부트 스트랩을 사용하여이 로고 센터를 정렬하는 방법은 무엇입니까?
- 22
양식을 제출할 때 버튼 로딩 텍스트를 설정하는 방법은 무엇입니까?
- 23
AngularJS 사용자 지정 지시문을 부트 스트랩 사전로드 된 모달에 삽입하는 방법은 무엇입니까?
- 24
몇 가지 SSDT 프로젝트의 소스 코드를 공유하는 방법은 무엇입니까?
- 25
가로 스크롤을 제거하고 모든 것을 부트 스트랩 모달 너비 정의로 감싸는 방법은 무엇입니까?
- 26
부트 스트랩 그리드와 Flexbox 수직 정렬을 결합하는 방법은 무엇입니까?
- 27
부트 스트랩 스위치에서 데이터 끄기 메시지를 "끄기"대신 공백으로 설정하는 방법은 무엇입니까?
- 28
특정 ID로 부트 스트랩 드롭 다운의 값을 변경하는 방법은 무엇입니까?
- 29
부모 부트 스트랩 축소 패널이 축소되었을 때 동영상을 동적으로 일시 중지하는 방법은 무엇입니까?
몇 마디 만하겠습니다