If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Apr 2016
    Member #

    Image gets dragged to the right?

    I'm working on a website and i'm using bootstrap. When i try to put a image in a container and resize it to fit the full width, the image just gets dragged to the right, leaving the same amount of empty space on the left.
    I tried using max-width, width: 110vh and more, but it didn't work. How can i get the image to go to the left?


    EDIT: Here's my css and html code.
    section id="tanktopmale">
    <div class="container">
    <div class="row">
    <div class="col-md-4">
    <div class="tanktop-male itanktopmale pull-left">
    <img class="pull-left" src="img/male_tanktop2k.png">

    And my CSS:
    background: black;
    .jumbotron {
    height: 100vh;
    margin-bottom: 0px;
    background-image: url(img/wallpaper.png);
    background-position: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    padding-left: 0;
    padding-right: 0;
    min-height: 60px;
    background: transparent;
    box-shadow: 0;
    display: inline;
    border: 0 !important;
    max-width: 100%;
    left: 100%;

    Last edited by hydra; Apr 07th, 2016 at 09:01 AM.


  3. #2
    Junior Member
    Join Date
    Apr 2016
    Member #
    Okay, nevermind i fixed it. After tinkering with it for hours i thought about removing the <div class="container">, and that did the trick,

    Sorry y'all

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 03:17 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: