부트 스트랩 4에서 col-md 내부 중간에 카드를 설정하는 방법
user13575712
이 카드를 중앙이 아닌 가운데에 놓고 싶습니다. 어떻게해야합니까? 이미 my-auto를 사용해 보았지만 전혀 작동하지 않습니다.
내 코드를 검토하고 약간 변경하십시오. 감사!
내 스크립트 :
<div class="container">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<div class="card text-white" style="background: #DA4453; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #89216B, #DA4453); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #89216B, #DA4453); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
">
<div class="card-header">
<h4>Update Antibot API Key</h4>
</div>
<div class="card-body">
<form action="{{ route('updateApiKey') }}" method="POST">
@csrf
<input value="{{ $blocker ? $blocker->antibot_api : '' }}" class="form-control" type="text" name="antibot_api" placeholder="Insert your api key">
<button class="btn btn-outline-light mt-3 float-right" type="submit">Update</button>
</form>
</div>
</div>
</div>
<div class="col-md-3"></div>
</div>
</div>
내가 원하는 것
리카르도
my-auto가 작동 할 수 있지만 해당 컨테이너에 height 속성이 설정되지 않은 것 같습니다. 카드를 포함하는 div를 전체 높이로 만드십시오. h-100을 사용할 수 있습니다
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
부트 스트랩의 col-md-12 내에서 div를 중앙에 배치하는 방법
- 2
html 부트 스트랩 4에서 오른쪽에 col-md-3을 정렬하는 방법
- 3
부트 스트랩 4에서 카드를 감싸는 (부동) 방법
- 4
내 ejs 파일에서 작동하지 않는 부트 스트랩 4의 col-md-4 속성
- 5
부트 스트랩 행 "col-md-4"를 전체 화면 크기로 만드는 방법
- 6
부트 스트랩 3의 두 열 (col-md-6)에 전체 너비 배경을 추가하는 방법
- 7
부트 스트랩에서 카드의 최소 너비를 설정하는 방법은 무엇입니까?
- 8
부트 스트랩에서 여러 col- [lg | md | sm | xs]-를 사용하는 이유는 무엇입니까?
- 9
부트 스트랩에서 버튼 텍스트를 설정하는 방법
- 10
4 개의 img가있는 부트 스트랩 (col xs-12 col-sm-6 col-md-2 col-lg-2)에서 행을 중앙에 배치하는 방법은 무엇입니까?
- 11
"col-xs-12 col-sm-4 col-md-3"열 수에 맞게 부트 스트랩 "row"를 조정 하시겠습니까?
- 12
부트 스트랩 카드의 오른쪽 상단에 IMG를 설정하는 방법은 무엇입니까?
- 13
부트 스트랩 그리드 내부에 텍스트를 중앙에 배치하는 방법
- 14
부트 스트랩 4 카드를 배열하는 방법
- 15
col-md-2 내부에 col-md-12를 삽입하고 전체 너비를 취하는 방법
- 16
반응 부트 스트랩에서 카드 내부의 텍스트 일부를 축소하는 방법은 무엇입니까?
- 17
장고에서 부트 스트랩을 설정하는 방법
- 18
부트 스트랩 4 카드를 나누는 방법
- 19
부트 스트랩 4를 사용하여 양식 내부에 버튼을 중앙에 배치하는 방법
- 20
부트 스트랩 4에서 이미지 위에 아이콘 위치를 설정하는 방법
- 21
부트 스트랩-새 줄에 콘텐츠를 설정하는 방법
- 22
미리 설정된 부트 스트랩 xs sm md lg 열 클래스에 미디어 쿼리 너비를 적용하는 방법은 무엇입니까?
- 23
부트 스트랩에서 Parrallax 커버를 만드는 방법
- 24
부트 스트랩 캐 러셀에서 데이터 내부 시간 및 높이를 설정하는 방법은 무엇입니까?
- 25
부트 스트랩에서 카드 배경색을 변경하는 방법
- 26
col-lg-2 col-md-4 col-6이 부트 스트랩에서 작동하지 않음 4. 모바일보기에서 col-6이 아닌 col-md-4로 표시됩니다.
- 27
부트 스트랩 4 플렉스 박스 그리드로 12 col 그리드에서 벗어나는 방법은 무엇입니까?
- 28
부트 스트랩 : 캐 러셀 내부에있는 카드 중앙에 배치
- 29
단일 열 그리드에서 부트 스트랩 카드를 플로팅하는 방법
몇 마디 만하겠습니다