html - First Bootstrap project, how do I make container widths equal? -


student here working on 1 of final projects. first time using bootstrap. having difficulty making content match same width navigation. can see project live here see talking about.

i built grid first , attempted create own styles in file called style.css.

what have tried create class so:

.container .no-padding-lr {     padding-left: 0px;     padding-right: 0px;     margin-left: 0px;     margin-right: 0px; } 

and apply markup:

<div class="col-sm-12 no-padding-lr">    <h1 class="intro">your online canadian-built pontiac, acadian, , beaumont resource.</h1>    <img class="img-responsive img-rounded no-padding-lr" src="assets/images/dscn8314.jpg" alt="pontiac header" /> </div> 

as can see widening maybe 50% of required.

how can adjust content in line 1 another?

you need wrap col-- divs <div class="row">.

quoting relevant bootstrap docs:

  • rows must placed within .container (fixed-width) or .container-fluid (full-width) for proper alignment , padding.
  • use rows create horizontal groups of columns.
  • content should placed within columns, , columns may immediate children of rows.

Comments

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -

python - How to remove the Xframe Options header in django? -