Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    109
    Thanks
    21
    Thanked 0 Times in 0 Posts

    Image And Text Not Side By Side

    Hi my image and text are not side by side in my column. I have added float left and float right

    http://codepen.io/CarraraWebsiteSolutions/pen/pmujt

    I use bootstrap 3

  • #2
    Regular Coder
    Join Date
    Jan 2013
    Location
    Australia
    Posts
    109
    Thanks
    21
    Thanked 0 Times in 0 Posts
    had to use this to get what was after

    <div class="container">
    <div class="row">
    <div class="h-box">
    <div class="col-lg-4">
    <div class="media">
    <a class="pull-left" href="#">
    <img class="media-object" src="http://s6.postimg.org/izb4c5psd/icon_1.png" alt="...">
    </a>
    <div class="media-body">
    <div class="media-heading"><h4>New Content Managment System</h4>
    <p>View Our New CMS Template Engine Easy To Install. You will be able to install the template engine from your tablet and you desktop and laptop fully responsive</p>
    <a class="btn btn-primary btn-lg pull-right" href="#">View More</a>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

  • #3
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    3,763
    Thanks
    23
    Thanked 548 Times in 547 Posts
    Things would look so much better if you combined the classes
    Code:
    <div class="container">
    <div class="row">
    <div class="h-box">
    <div class="col-lg-4">
    <div class="media">
    And easier to maintain.
    Evolution - The non-random survival of random variants.

  • #4
    New Coder
    Join Date
    Jun 2013
    Location
    Bhubaneswar, Odisha, India
    Posts
    24
    Thanks
    0
    Thanked 1 Time in 1 Post
    Thanks for share this code. I have face this kind of problem.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •