要點(diǎn)一：容器、行與列

<div class="container">

? ? ? ? ? ?<div class="row">

? ? ? ? ? ? ?<div class="col-md-6">? </div> ? ? ? ??

? ? ? ? ? ? <div class="col-md-6">? ?</div>

? ? ? ? ? ? </div>

?</div>?

screen設(shè)置

@media(min-width:768px){

? .container {width:750px;}}

@media(min-width:992px){

? .container {width:970px;}}

@media(min-width:1200px){

? .container {width:1170px;}}