所以我創建了一個標頭，在一些幫助下，我能夠比以前更好地獲得響應。但是我注意到兩個問題：搜索表單被分成兩部分菜單項文本之一顯示在 2 行或更多行上。我一直在尋找確保它始終保持在一條線上。和CSS.header-village {    background-color: white;    width: 100%;    max-width: 1200px;    height: 80px;    margin: 2% auto;  }    .header-search-container {    width: 470px;    min-width: 470px;    height: 40px;    border-radius: 20px;    margin-left: 60px;  }    .header-search-prepend {    width: 40px;    height: 40px;    border-top-left-radius: 20px;    border-bottom-left-radius: 20px;    border-right: 0px none;    background-color: #f4f7f8;  }    .header-search-img {    text-align: center;    display: block;    justify-content: center;    align-items: center;    margin: auto;    width: 18px;    height: 18px;    margin-top: 30%;  }    .header-search-form {    width: 430px;    height: 40px;    border-top-right-radius: 20px;    border-bottom-right-radius: 20px;    border-left: 0px none;    background-color: #f4f7f8;    font-family: Source Sans Pro;    text-align: left;    color: #cecece;  }    .header-avatar-pic {    width: 45px;    height: 45px;    border-radius: 100px;  }    .header-menu-item {    font-family: Fredoka One;    font-size: 18px;    margin-right: 25px;    color: #dfdfdf;  }    .header-menu-item:hover {    color: #ff7255;    border-bottom-style: none;    border-bottom: 0px;  }    .header-divider {    background-color: #ff7255;  }    .drop-down-menu {    border-radius: 50px;    box-shadow: "0px 8px 18px 0 rgba(0,0,0,0.14)";  }  .dropdown-toggle > div {    display: inline-block;  }  .navbar-nav {    align-items: center;    margin-left: auto;  }    .header-drop-down-name {    font-size: 20px;    font-family: Source Sans Pro;    color: #333333;    font-weight: bold;  }    .nav-item {    font-size: 20px;    font-family: Source Sans Pro;    color: #616161;    font-weight: normal;  }    .nav-item:hover {    color: #ff7255;  }  所以我不明白為什么我的搜索不能把它放在一起而不是分開，以及我如何確保文本總是適合一行