Home page content of H5 responsive development (2)

Home page content

We continue to add the home page content, when the upper half of our content is displayed.

#You can add detailed content to each column here.

Create a box , add a new container, and divide the container into two parts, one part for placing pictures. Part of it is used to put text.

 
 
 
 
师资力量
 
PHP中文网的课程及时的更新，让我们自学的学员有更好的路线。
 
 
  
 
 
 

Then control the style

body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #myCarousel{ margin: 50px 0 0 0; } .logo{ padding: 0; } .daohang{ margin-top: 0; } .carousel-inner img{ margin: 0 auto; } .tab-h2{ font-size: 30px; text-align: center; color: #0059b2; } .tab-p{ font-size: 18px; text-align: center; letter-spacing: 1px; color: #999; margin: 20px 0 40px 0 ; } .tab1{ margin: 30px 0; color: #666; } .tab1 .text-muted{ color: #999; text-decoration: line-through; } .tab1 .media-heading{ margin: 5px 0 20px 0 ; } .tab1 .col{ padding: 20px; } .tab2{ background-color: #eee; padding: 60px 20px; text-align: center; } .tab2 img{ width: 40%; height: 40%; }

Continue to add content styles and modify them.