Question 42581 in Html Question posted in
Some basic documentation can be found here.

How can I move the icon to the right? Css – Html

Im Trying to create a website using bootstrap.
I want to move the desktop icon a little to the right for better view. I tried floating etc. but I couldn’t done it.

I tried floating etc. but I couldn’t done it.

My desire

 <div class="container-fluid mx-auto">
      <div class="row">
        <div class="col-md-6">
          <div class="jumbotron">
            <h1>Bootstrap Tutorial</h1>
            <i class="fa fa-laptop fa-10x"></i>
            <p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.</p>
          </div>
          <p>This is some text.</p>
          <p>This is another text.</p>
        </div>
        
        <div class="col-md-6">
          <div class="jumbotron ">
            <h1>Bootstrap Tutorial2</h1>
            <i class="fa fa-desktop fa-10x "></i>
            <p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.</p>
          </div>
          <p>This is some text.</p>
          <p>This is another text.</p>
        </div>
      </div>
    </div>

thanks in advance.

Tags:

2

Answers


  1. 0

    You can use the position keyword in CSS: "position: absolute; left 50px;"

    Gradually increase the number of pixels until the element looks correct.

    Login or Signup to reply.
  2. 0

    Without seeing your css, margin-left: auto should do the trick.

    Bootstraps class for this is: .ml-auto

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search