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
Post a Comment