Html 引导：横幅的固定宽度必须为1350px，宽度为1400px后中心对齐，两边都有背景色

我有一个流体容器内的横幅，但我希望横幅宽度固定后，1400px的宽度和中心对齐。我不想让它伸展得比那还长。有没有一个简单的方法可以做到这一点

这是我的HTML

<div class="container-fluid blue_back">
<div class="container-fluid ">
   <div class="row banner-content">


        <div class="col-md-12">
           <div class="row nav1 search search_bar1" role="navigation">
                    <div class="container-fluid">
                <div class="navbar-header navbar_search">

                  <form class="navbar-form form1 "  role="search">
                     <select  class="selectbox1 form_input" >
                        <option> Search in Hospitals </option>
                        <option> Search in Packages </option>
                        <option> Search in Diagnostics </option>
                        <option> Search in  Doctors </option>
                        <option> Search in  Tests </option>
                    </select>

                     <input type="text" class="form_input" placeholder="Type Hospital Name"  name="srch-term" id="srch-term">
                     <input type="text" class="form_input" placeholder="Type Location" name="srch-term" id="srch-term">
                     <input type="text" class="form_input" placeholder="Type Speciality" name="srch-term" id="srch-term">
                     <button class="form_button"   type="submit"></button>
                  </form>
                </div>
                    </div>        
             </div>
          <div class="row social_media aa">

             <input type="submit" value="Book Appointment" class="appointment_book_home" />
           <input type="submit" value="" class="search_book_home"/>
           <ul class="list-inline list-unstyled social_media_icons">
               <li><a href="#"><img src="images/facebook.png"/> </a></li>
               <li><a href="#"><img src="images/google.png"/> </a></li>
               <li><a href="#"><img src="images/twitter.png"/> </a></li>
           </ul>

       </div>
          <div class="row statistics_home">
       <div class="col-xs-4 dashed_border">

            <div class="row">
                <div class="col-sm-2 stat_image">
                    <img src="images/List/hospital_icon_menu.png"/>
                </div>
                <div class="col-sm-10 ">
                    <div class="row">
                        <h3 class="statistics_head"> 800+ </h3>
                    </div>
                    <div class="row">
                    <h4 class="statistics_text"> Health Centres </h4>
                    </div>
                </div>
            </div>
            </div>
          <div class="col-xs-4 dashed_border">

            <div class="row">
                <div class="col-sm-2 stat_image">
                    <img src="images/List/hospital_icon_menu.png"/>
                </div>
                <div class="col-sm-10 ">
                    <div class="row">
                        <h3 class="statistics_head"> 800+ </h3>
                    </div>
                    <div class="row">
                    <h4 class="statistics_text"> Packages and Tests </h4>
                    </div>
                </div>
            </div>
            </div>
        <div class="col-xs-4 dashed_border" style="border: none;">

            <div class="row">
                <div class="col-sm-2 stat_image">
                    <img src="images/List/hospital_icon_menu.png"/>
                </div>
                <div class="col-sm-10 ">
                    <div class="row">
                        <h3 class="statistics_head"> 800+ </h3>
                    </div>
                    <div class="row">
                    <h4 class="statistics_text"> Doctors </h4>
                    </div>
                </div>
            </div>
            </div>

    </div>

   </div>
</div>
   </div>
</div> 

---

如果我正确理解您的问题，您应该添加以下css：

.banner-content {
 width:100%;
 max-width:1350px;
 margin:0 auto;
}

---

如果您需要更多帮助，可以尝试发布JSFIDLE。

横幅的宽度应为1399px？是1399年吗？所以当你再扩大1倍后，它会跳回到1350？（使用搜索和替换调整宽度）您尝试过什么？考虑创建一个更好地理解你的问题。“Brendan Hi Brendan，我想要它的最大宽度为1350。任何超过屏幕宽度的东西都应该开始对齐中心。非常感谢。。工作得很漂亮。。但是对于所有的屏幕宽度。我希望它采取1350px以下任何屏幕的全屏幕宽度取决于您的设置，但您可以尝试添加宽度：100%。这将使其成为父容器的100%。允许您将“宽度”和“最大宽度”组合起来以实现此目的。

.banner-content {
 width:100%;
 max-width:1350px;
 margin:0 auto;
}