필자는 flexbox에 대한 많은 경험이 없습니다. 내 이해는 'is-expanded'는 빈 공간이 무엇이든 입력 내용이 채워지도록합니다. 그러나 nav/level 내부에서는 작동하지 않는 것 같습니다.Bulma Q : 내비게이션 또는 레벨 내에서 input.is-expanded가 작동하지 않습니다.
여기에 동작하는 예제입니다 : 이 enter link description here
플레이에서 몇 가지가있다.
flex: 1 0 auto; 디스플레이에 포함되어 있으면 현재 항목을 알 수 있습니다. 플렉스가 늘어나고 줄어들지 않습니다. 그래서 해결 방법과 같이 스타일 flex:1 0 auto을 적용
<div style="flex: 1 0 auto;" class="nav-left">
<a class="nav-item">Logo</a>
<div style="flex: 1 0 auto;" class="nav-item">
<form style="flex: 1 0 auto;" class="control has-addons">
<input class="input is-expanded" type="text"> ....
당신이 볼 도움이 될 것입니다 크롬 디버거를 사용하는 최상위 부모가 폭 제한을 일으키는 것입니다. HTML을 강조 표시하면 페이지에 표시된 해당 요소가 강조 표시됩니다.