Ich habe Probleme mit der Adresse nach links ausrichten zu bewegen und es funktioniert immer noch nicht bei allen

Question

Ich habe versucht, die Adresse zu weit links Ecke zu bewegen, aber es hat nicht funktioniert.

Dies ist, was ich versucht, die Adresse in die weit linke Ecke zu bewegen, aber so weit weit es überhaupt nicht funktioniert hat.

<!-- Page Content --> 
<div class="container"> 

    <!-- Column address below --> 

    <div class="column"> 
    <div class="row"> 
     <div class="col-md-6"> 
     <p class="example"> 
      Baylight Construction LLC 1022 boyle street 
      <br>Tel- (232)233-4323 Fax-(232)233-2323 
     </p> 
     </div> 
    </div> 
    </div> 
</div> 

css:

.nav a { 
    color: white; 
    font-size: 15px; 
    font-weight: bold; 
    padding: 40px 35px; 
    text-transform: uppercase; 
} 
nav li { 
    display: inline; 
} 
img { 
    height: 175px; 
    width: 175px; 
} 
.fixed-nav-bar { 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 9999; 
    width: 100%; 
    height: 165px; 
    background-color: green; 
} 

//I've tried that class example and row and none of didn't move to 
//far left corner 
.example { 
    text-align: left; 
    float: left; 
    margin-left: 5px; 
    padding-left: 10px; 
} 
.row { 
    float: left; 
} 

Answer 1

an Ihrem Codebeispiel der Suche Ich vermute, Sie versuchen, Schopf aus dem Sumpf eigene Klassen zu verwenden, um die Adresse zu positionieren. In diesem Fall besteht das Problem nicht darin, dass sich Ihre Elemente mit der Klasse "example" nicht in ihren Containern nach links positionieren.

Es ist, dass die Klasse Klasse, die Sie verwenden, eine feste Breite hat, die von der Breite des Bildschirms abhängt, sowie auf dem Bildschirm zentriert wird. In Ihrem Fall müssen die Container-Klasse mit einer Breite von:

Screen: < 768px: Breite der Behälter: (auto)

Screen: ≥ 768px: Breite des Behälters: 750px

Screen: ≥ 992px Breite des Behälters: 970px

Screen: ≥ 1200px: Breite des Behälters: 1170px

Damit Ihr Behälter über die gesamte Breite des Bildschirms aufzunehmen ändern Sie den Behälter Klasse Container-Flüssigkeit, die Bootstraps-Klasse für einen Container voller Breite ist. Jetzt nimmt der Container, anstatt eine feste Breite einzunehmen, immer 100% der Bildschirmbreite ein, daher wird Ihre Adressleiste ganz links platziert.

Sehen Sie Ihr bearbeitetes Beispiel here oder im Schnipsel unten.

//I've tried that class example and row and none of didn't move to 
 
//far left corner 
 
.example { 
 
    text-align: left; 
 
    float: left; 
 
    margin-left: 5px; 
 
    padding-left: 10px; 
 
} 
 
.row { 
 
    float: left; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<!-- Page Content --> 
 
<div class="container-fluid"> 
 

 
    <!-- Column address below --> 
 

 
    <div class="column"> 
 
    <div class="row"> 
 
     <div class="col-md-6"> 
 
     <p class="example"> 
 
      Baylight Construction LLC 1022 boyle street 
 
      <br>Tel- (232)233-4323 Fax-(232)233-2323 
 
     </p> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 2

I hat dies auszuprobieren, versuchen Sie dies und sehen click here

<div class="container"> 

    <!-- Column address below --> 
    <div class="col-md-6 row col-md-pull-1"> 

    Baylight Construction LLC 1022 boyle street 
    <br>Tel- (232)233-4323 Fax-(232)233-2323 

    </div> 
</div>