Can we change width of container in css using Bootstrap3

340 views Asked by At

how can i change width of container in bootstrap3. I want content in center of browser (70% of browser's width).

               <p>

                 Use Bootply to design, prototype, or test the Bootstrap framework. Find examples, share code and rapidly build interfaces for Bootstrap. 
                 Use Bootply to design, prototype, or test the Bootstrap framework. Find examples, share code and rapidly build interfaces for Bootstrap. 
              </p>
               <p>

Use Bootply to design, prototype, or test the Bootstrap framework. Find examples, share code and rapidly build interfaces for Bootstrap. 
              Use Bootply to design, prototype, or test the Bootstrap framework. Find examples, share code and rapidly build interfaces for Bootstrap. 


            </p><p>
            Positive Energy By Nature <br>
            Sun is always there for us
            </p>

            <p>
                Use Bootply to design, prototype, or test the Bootstrap framework. Find examples, share code and rapidly build interfaces for Bootstrap. 
            </p>
            </div>

Please check my code

2

There are 2 answers

2
nikola_wd On BEST ANSWER

You surround your p tags in a

<div class="container">

Then in your css file declare something like:

.container {
  max-width: 70%;
}

I hope that this will help you :)

But instead of 70% it is better to declare max-width precisely...like max-width: 1100px;

0
jamy On

You can create a new style. Name it styl.css. Afterwards, search bootstrap3 folder. You will find bootstrap.min.css. Type Ctrl+F and search for "container" class. Modify it.

for example,

.container{
    width:70;
}

I hope that will help you.