6 Replies Latest reply on Dec 14, 2015 8:20 PM by Maile Valentine

    Creating a responsive with Bootstrap

    kingpat27 Level 1

      I am using the create a responsive page tutorial, and I am on the section where you are editing the thumbnails to have them 4 column wide. For some reason my my columns do not go horizontally but vertically. Would some explain to me what I need to do to fix it.

           

        

       

        

       

         
                                        
               
        
          

      Social Media

            
        
          

      Newsletter

            
        
          

      Affilates

            
          
      ©Copyright 2016 P.L. Gray Consulting  

      @charset "UTF-8"; h2  { font-size: 2em; font-family: bitter; font-style: normal; font-weight: 400; color: #999999; width: 45%; } a { text-decoration: none; color: #7A7A7A; } h3 { font-family: bitter; font-style: normal; font-weight: 400; font-size: 1.2em; } nav { color: #040404; text-align: center; font-family: bitter; font-style: normal; font-weight: 400; } .container-fluid .navbar.navbar-default .container-fluid { background-color: #FFFFFF; } footer { background-color: #EEEEEE; color: #000000; font-size: x-small; text-align: center; font-family: bitter; font-style: normal; font-weight: 400; } body { font-family: bitter; font-style: normal; font-weight: 400; } .asideleft { } .asidecenter { padding-left: 0px; } .asideright { padding-top: 0px; } body main { background-image: url(images/landscape-1053346_1280.jpg); background-size: cover; height: 284px; background-attachment: scroll; background-repeat: no-repeat; } .quote { width: auto; color: #FFFFFF; font-family: bitter; font-style: normal; font-weight: 400; margin-top: -25px; } .navUlHome { width: 4%; display: block; padding-left: 300px; padding-right: 0px; } .navUlServices { padding-top: 25px; margin-left: -70px; width: 0px; } ul { text-transform: uppercase; font-size: 22px; padding-top: 25px; font-family: bitter; font-style: normal; font-weight: 400; } .col.md-4 { } .col.md-4 { }