title: How to increase the width of a carousel without changing the responsiveness of an website
body: <p>I used the width property in</p>
  
  <h1>carouselExampleControls{</h1>
  
  <p>width:1400px;</p>
  
  <p>left:-270px;</p>
  
  <p>}
  but the entire size of the website is changing. <a href="https://i.stack.imgur.com/3kd6v.jpg" rel="nofollow noreferrer">as shown in figure I need this full website width carousel</a>I need to increase the width of the carousel only.</p>
  
  <p>pasting my entire code here:</p>
  
  <p></p>
  
  <p></p>
  
  <p></p>
  
  <pre><code>&lt;!-- Required meta tags --&gt;
  
  &lt;meta charset="utf-8"&gt;
  
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
  
  
  
  &lt;!-- Bootstrap CSS --&gt;
  
  &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"&gt;
  
  
  
  &lt;title&gt;Hello, world!&lt;/title&gt;
  </code></pre>
  
  <p></p>
  
  <p>body {</p>
  
  <p>margin: 0;</p>
  
  <p>font-size: 28px;</p>
  
  <p>font-family: Arial, Helvetica, sans-serif;</p>
  
  <p>}</p>
  
  <p>.content {</p>
  
  <p>padding: 16px;</p>
  
  <p>}</p>
  
  <p>::-webkit-scrollbar {</p>
  
  <pre><code>display: none;
  </code></pre>
  
  <p>}</p>
  
  <p>.content{</p>
  
  <p>width:1000px;</p>
  
  <p>margin:0 auto;</p>
  
  <p>}</p>
  
  <h1>carouselExampleControls{</h1>
  
  <p>}</p>
  
  <p>.card{</p>
  
  <p>border:none;</p>
  
  <p>}</p>
  
  <p>.card-body{</p>
  
  <pre><code>font-family: ProximaNova-Semibold,Helvetica,Arial,sans-serif;
  
  font-size: 18px;
  
  font-weight: 600;
  
  font-style: normal;
  
  font-stretch: normal;
  
  letter-spacing: normal;
  
  color: #4a4a4a;
  </code></pre>
  
  <p>}</p>
  
  <p>h2 {</p>
  
  <pre><code>display: block;
  
  font-size:30px;
  
  margin-block-start:40px;
  
  margin-block-end:20px;
  
  margin-inline-start:0px;
  
  margin-inline-end: 0px;
  
  font-weight:bold;
  </code></pre>
  
  <p>font-style: normal;</p>
  
  <p>font-stretch: normal;</p>
  
  <p>letter-spacing: normal;</p>
  
  <p>}</p>
  
  <p>.slide-box img {</p>
  
  <p>-ms-flex: 0 0 25%;</p>
  
  <pre><code>flex: 0 0 25%;
  
  max-width: 45%;
  </code></pre>
  
  <p>padding-left:20px;</p>
  
  <p>}</p>
  
  <p>.slide-box {</p>
  
  <p>justify-content: space-between;</p>
  
  <p>}</p>
  
  <p></p>
  
  <p></p>
  
  <p></p>
  
  
  
  
  
    
  
      
  
    </li>
  
    
  
      Link
  
    </li>
  
    
  
      Link
  
    </li>
  
    
  
      Disabled
  
    </li>
  
  
  
  
  
  
  
    
  
    
  
      
  
        Mains
  
      </li>
  
      
  
        Meals on offer
  
      </li>
  
  
  
        Biriyanis
  
      </li>
  
  
  
        Appetisers
  
      </li>
  
  
  
        Fit N Fab
  
      </li>
  
  
  
    
  
  
  
  
  
  
  
  
  
     
  
    
  
      
  
        
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
          
  
  
  
      
  
      
  
        
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
            
  
  
  
      
  
      
  
        
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
                
  
                
  
              
  
         
  
  
  
  
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
            
  
  
  
  
  
        
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
                
  
                
  
              
  
         
  
  
  
              
  
               
  
      
  
  
  
        
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
               
  
      
  
  
  
        
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
                
  
                
  
              
  
         
  
  
  
  
  
              
  
                
  
                
  
              
  
         
  
  
  
     
  
              
  
            
  
  
  
  
  
  
  
    
  
  
  
    
  
      
  
      Previous
  
    
  
    
  
      
  
      Next
  
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    <h2>Mains</h2>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Thai Minced Chicken Rice Bowl
  
  ₹180 ₹220 18% OFF.</p>
  
  1656 favs 200+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    Gusteau - Smoked Ratatouille Burrito
  
    ₹200</p>
  
    Available from 6:00PM</p>
  
    30 favs-90+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    Peppy Paprika Burrito
  
    ₹200</p>
  
     Available from 6:00PM</p>
  
    33 favs 100+ bought today</p>
  
  
  
  
  
  
  
  <br><br>
  
  
  
  
  
  
  
  
  
  
  
  
  
  Black Bean Veggies Hakka Noodles
  
  ₹160 ₹200 20% OFF</p>
  
  910 favs 150+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    Peri Peri Chicken 'n' Quinoa Olive Rice
  
    ₹180 ₹230 22% OFF</p></p>
  
    Available from 6:00PM</p>
  
    1315 favs 500+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Jaipuri Kofta 'n' Laccha Paratha
  
    ₹170 ₹200 15% OFF</p></p>
  
    379 favs 150+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  <h2>Biriyanis</h2>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Thai Minced Chicken Rice Bowl
  
  ₹180 ₹220 18% OFF.</p>
  
  1656 favs 200+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    Gusteau - Smoked Ratatouille Burrito
  
    ₹200</p>
  
    Available from 6:00PM</p>
  
    30 favs-90+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    Peppy Paprika Burrito
  
    ₹200</p>
  
     Available from 6:00PM</p>
  
    33 favs 100+ bought today</p>
  
  
  
  
  
  
  
  <br><br>
  
  
  
  
  
  
  
  
  
  
  
  
  
  Black Bean Veggies Hakka Noodles
  
  ₹160 ₹200 20% OFF</p>
  
  910 favs 150+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    Peri Peri Chicken 'n' Quinoa Olive Rice
  
    ₹180 ₹230 22% OFF</p></p>
  
    Available from 6:00PM</p>
  
    1315 favs 500+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Jaipuri Kofta 'n' Laccha Paratha
  
    ₹170 ₹200 15% OFF</p></p>
  
    379 favs 150+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  <h2>Appetisers</h2>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Thai Minced Chicken Rice Bowl
  
  ₹180 ₹220 18% OFF.</p>
  
  1656 favs 200+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    Gusteau - Smoked Ratatouille Burrito
  
    ₹200</p>
  
    Available from 6:00PM</p>
  
    30 favs-90+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    Peppy Paprika Burrito
  
    ₹200</p>
  
     Available from 6:00PM</p>
  
    33 favs 100+ bought today</p>
  
  
  
  
  
  
  
  <br><br>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Black Bean Veggies Hakka Noodles
  
  ₹160 ₹200 20% OFF</p>
  
  910 favs 150+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    Peri Peri Chicken 'n' Quinoa Olive Rice
  
    ₹180 ₹230 22% OFF</p></p>
  
    Available from 6:00PM</p>
  
    1315 favs 500+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  Jaipuri Kofta 'n' Laccha Paratha
  
    ₹170 ₹200 15% OFF</p></p>
  
    379 favs 150+ bought today</p>
  
  
  
  
  
  
  
  
  
  
  
  
  <pre><code>&lt;!-- Optional JavaScript --&gt;
  
  &lt;!-- jQuery first, then Popper.js, then Bootstrap JS --&gt;
  
  &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"&gt;&lt;/script&gt;
  
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"&gt;&lt;/script&gt;
  
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"&gt;&lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p></p>