안녕하세요 또 질문 올립니다 하하. 제가 이번엔 부트스트랩을 많이 이용해서 선생님이 했던 샘플대로 좀 다시
만들어 보고 있는데요. 다 괜찮아 보이는데 input이 말을 안 듣네요. animation 효과를 주고 싶어서 width를 주고
줄여봤는데 전혀 먹히지가 않아요. 부트스트랩 디폴트 효과 때문일까요 ?? 왜냐하면 제가 따로 input 이랑 button 을 만들었을 땐
(부트스트랩 없이) 이 애니메이션 효과가 먹혔었거든요.
<html>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<form class="d-flex input-group">
<div class="input-group mb-3 me-2">
<input type="text" class="form-control input-animation" placeholder="Search" aria-label="Search" aria-describedby="button-addon2">
<button class="btn btn-outline-secondary black-bg" type="submit" id="button-addon2">
<i class="fa-solid fa-magnifying-glass"></i>
</button>
</div>
</form>
<css>
.input-animation {
width: 100px;
transition: width 1s;
}
.input-animation:focus {
width: 500px;
}
