Sangil's blog

https://github.com/ChoiSangIl Admin

BootStrap4 댓글창(reply) 만들기 #1 DEV / WEB

2020-02-09 posted by sang12


이번에 BootStrap4와 awesome 4.7을 이용하여 댓글창을 개발 하고 있습니다. awesom 최신버전을 사용해볼까 했는데.. 뭔가 많이 바꼈더라구요. 그래서 계속 사용하고 있는 4.7버전을 이용했습니다. 쓸만한게 있나 찾아보다가.. Bootstrap3은 사용할만한게 많은데 4는 찾기가 쉽지 않더라구요 그래서 직접 만들어서 공유합니다


< div class="card mb-2">
	<div class="card-header bg-light">
	        <i class="fa fa-comment fa"></i> REPLY
	</div>
	<div class="card-body">
		<ul class="list-group list-group-flush">
		    <li class="list-group-item">
			<div class="form-inline mb-2">
				<label for="replyId"><i class="fa fa-user-circle-o fa-2x"></i></label>
				<input type="text" class="form-control ml-2" placeholder="Enter yourId" id="replyId">
				<label for="replyPassword" class="ml-4"><i class="fa fa-unlock-alt fa-2x"></i></label>
				<input type="password" class="form-control ml-2" placeholder="Enter password" id="replyPassword">
			</div>
			<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
			<button type="button" class="btn btn-dark mt-3" onClick="javascript:addReply();">post reply</button>
		    </li>
		</ul>
	</div>
</div>
#BootStrap4 #Bootstrap4 reply #bootstrap4 댓글창
REPLY