Bootstrap 3의 테이블 셀 내부에 입력 및 버튼을 인라인하는 방법은 무엇입니까?

피라

나는 열을 너무 많이 늘리지 않고 표 셀 내부의 동일한 줄에 입력 필드와 버튼을 얻는 방법을 알아 내려고 노력했습니다.

이것이 내가 인라인으로 만들고 싶은 것입니다.

<td>
   <input type="text" class="input-sm form-control"id="measured_value" name="measured_value" placeholder="Measured value">
   <button type="button" class="btn btn-xs btn-primary" onclick="add_measurement();">Submit</button>
</td>

이것이 내가 얻는 것입니다.

스크린 샷

나는 또한 col-lg-8 및 col-lg-4와 함께 div를 사용해 보았지만 인라인했지만 차례로 열이 많이 늘어났습니다. 기둥을 1.5 배 넓게 만들고 테이블을 콤팩트하게 만들려고합니다.

피라

양식 제어 가 인라인되지 않는 이유 인 것 같습니다 . 그래서 결국 폼 컨트롤을 제거하고 폼 컨트롤 과 함께 제공되는 테두리에 이것을 추가했습니다.

.input-sm{
   border: 1px solid #CCC;
   border-radius: 4px;
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Bootstrap에서 테이블 내부에 입력 및 버튼을 인라인하는 방법

분류에서Dev

내 테이블 셀을 Bootstrap 3의 내용에 자동으로 맞추는 방법은 무엇입니까?

분류에서Dev

테이블 뷰 셀에서 라디오 버튼의 인덱스 경로를 제거하는 방법은 무엇입니까?

분류에서Dev

각도기 js에서 테이블 행 내부의 버튼을 찾는 방법은 무엇입니까?

분류에서Dev

테이블 정적 셀에서 버튼 제목을 변경하는 방법은 무엇입니까?

분류에서Dev

셀 내부에 div 및 입력이있는 테이블에서 데이터를 가져 오는 방법은 무엇입니까?

분류에서Dev

b-form-input bootstrap-vue 테이블 셀에서 @blur로 입력을 수정 / 형식화하는 방법은 무엇입니까?

분류에서Dev

Django 템플릿에서 내 테이블의 특정 셀만 인쇄하는 방법은 무엇입니까?

분류에서Dev

postgresql-집계 및 조인 테이블 출력에 null 값을 표시하는 방법은 무엇입니까?

분류에서Dev

Django에서 4 개의 테이블을 내부 조인하는 방법은 무엇입니까?

분류에서Dev

기능 파일의 테이블 셀 내부에 개체를 작성하는 방법은 무엇입니까?

분류에서Dev

테이블 작업 열의 사용자 역할에 따라 편집 및 삭제 버튼을 표시하거나 숨기는 방법은 무엇입니까?

분류에서Dev

Wordpress의 Bootstrap 캐 러셀 축소판에서 항목 활성 및 데이터 소스 부분을 해결하는 방법은 무엇입니까?

분류에서Dev

내 테이블의 각 행에 삭제 버튼을 추가하는 방법은 무엇입니까?

분류에서Dev

'테이블 내부의 DIV'에 남은 테이블을 표시하는 방법은 무엇입니까?

분류에서Dev

별도의보기에서 테이블보기 셀을 삽입하는 방법은 무엇입니까?

분류에서Dev

GWT 셀 테이블, EditTextCell 입력을 지우는 방법은 무엇입니까?

분류에서Dev

내 테이블 뷰 셀을 확장하는 방법은 무엇입니까?

분류에서Dev

행과 열의 인덱스로 테이블 셀의 색상을 변경하는 방법은 무엇입니까?

분류에서Dev

Python Django의 테이블 셀에 클래스 이름을 설정하는 방법은 무엇입니까?

분류에서Dev

R의 테이블 출력에서 요인 수준을 정렬하는 방법은 무엇입니까?

분류에서Dev

html 테이블에서 셀을 병합하는 방법은 무엇입니까?

분류에서Dev

TableBody에서 테이블 셀을 제거하는 방법은 무엇입니까?

분류에서Dev

버튼을 사용하여 Bootstrap에서 캐 러셀을 탐색하는 방법은 무엇입니까?

분류에서Dev

데이터 테이블의 각 행에 버튼을 추가하는 방법은 무엇입니까?

분류에서Dev

yii의 테이블 셀에서 함수에 if 조건을 추가하는 방법은 무엇입니까?

분류에서Dev

이전에 클릭 한 경우 즐겨 찾기 버튼을 확인하는 방법은 무엇입니까? 셀레늄-웹 드라이버

분류에서Dev

Codility (및 기타 사이트) 테스트의 입력 값을 확인하는 방법은 무엇입니까?

분류에서Dev

CSS 및 Twitter Bootstrap을 사용하여 특정 테이블에 포인터를 표시하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    Bootstrap에서 테이블 내부에 입력 및 버튼을 인라인하는 방법

  2. 2

    내 테이블 셀을 Bootstrap 3의 내용에 자동으로 맞추는 방법은 무엇입니까?

  3. 3

    테이블 뷰 셀에서 라디오 버튼의 인덱스 경로를 제거하는 방법은 무엇입니까?

  4. 4

    각도기 js에서 테이블 행 내부의 버튼을 찾는 방법은 무엇입니까?

  5. 5

    테이블 정적 셀에서 버튼 제목을 변경하는 방법은 무엇입니까?

  6. 6

    셀 내부에 div 및 입력이있는 테이블에서 데이터를 가져 오는 방법은 무엇입니까?

  7. 7

    b-form-input bootstrap-vue 테이블 셀에서 @blur로 입력을 수정 / 형식화하는 방법은 무엇입니까?

  8. 8

    Django 템플릿에서 내 테이블의 특정 셀만 인쇄하는 방법은 무엇입니까?

  9. 9

    postgresql-집계 및 조인 테이블 출력에 null 값을 표시하는 방법은 무엇입니까?

  10. 10

    Django에서 4 개의 테이블을 내부 조인하는 방법은 무엇입니까?

  11. 11

    기능 파일의 테이블 셀 내부에 개체를 작성하는 방법은 무엇입니까?

  12. 12

    테이블 작업 열의 사용자 역할에 따라 편집 및 삭제 버튼을 표시하거나 숨기는 방법은 무엇입니까?

  13. 13

    Wordpress의 Bootstrap 캐 러셀 축소판에서 항목 활성 및 데이터 소스 부분을 해결하는 방법은 무엇입니까?

  14. 14

    내 테이블의 각 행에 삭제 버튼을 추가하는 방법은 무엇입니까?

  15. 15

    '테이블 내부의 DIV'에 남은 테이블을 표시하는 방법은 무엇입니까?

  16. 16

    별도의보기에서 테이블보기 셀을 삽입하는 방법은 무엇입니까?

  17. 17

    GWT 셀 테이블, EditTextCell 입력을 지우는 방법은 무엇입니까?

  18. 18

    내 테이블 뷰 셀을 확장하는 방법은 무엇입니까?

  19. 19

    행과 열의 인덱스로 테이블 셀의 색상을 변경하는 방법은 무엇입니까?

  20. 20

    Python Django의 테이블 셀에 클래스 이름을 설정하는 방법은 무엇입니까?

  21. 21

    R의 테이블 출력에서 요인 수준을 정렬하는 방법은 무엇입니까?

  22. 22

    html 테이블에서 셀을 병합하는 방법은 무엇입니까?

  23. 23

    TableBody에서 테이블 셀을 제거하는 방법은 무엇입니까?

  24. 24

    버튼을 사용하여 Bootstrap에서 캐 러셀을 탐색하는 방법은 무엇입니까?

  25. 25

    데이터 테이블의 각 행에 버튼을 추가하는 방법은 무엇입니까?

  26. 26

    yii의 테이블 셀에서 함수에 if 조건을 추가하는 방법은 무엇입니까?

  27. 27

    이전에 클릭 한 경우 즐겨 찾기 버튼을 확인하는 방법은 무엇입니까? 셀레늄-웹 드라이버

  28. 28

    Codility (및 기타 사이트) 테스트의 입력 값을 확인하는 방법은 무엇입니까?

  29. 29

    CSS 및 Twitter Bootstrap을 사용하여 특정 테이블에 포인터를 표시하는 방법은 무엇입니까?

뜨겁다태그

보관