1. Zuhause
  2. Frage und Antwort
  3. Erstellen Sie 2 Spalte von Fullwidth Container-Fluid in Bootstrap

Erstellen Sie 2 Spalte von Fullwidth Container-Fluid in Bootstrap

2017-12-12 1 views
1

Ich möchte zwei Spalte mit 100% Breite aus Bootstrap 3-Framework erstellen. Ich habe versucht zu erstellen, aber es zeigt etwas Polsterung zwischen rechten und linken Positionen.Erstellen Sie 2 Spalte von Fullwidth Container-Fluid in Bootstrap

In meinem Code linke Spalte wird verwendet, um Google Karte anzuzeigen und die rechte Seite wird verwendet, um Kontaktformular.

Wie Padding entfernen? Ich brauche eine volle Breite Reihe.

Hier ist es mein Code.

<section id="contact"> 
<div class="container-fluid"> 

    <div class="row"> 
    </div class="col-md-6"> ... </div> 
    </div class="col-md-6"> ... </div> 
    </div> 

</div> 
</section>

Erwartete Ausgabe:

-------------------------------- 
       |      
       | 
       | 
       | 
--------------------------------

Quelle

2017-12-12 Dinesh Kumar

Antwort

0

Soweit ich Sie dies verstehen:

#contact > .container-fluid > .row > div { border: 1px dashed #ddd;} 
 

 
#contact > .container-fluid > .row > div:first-child { padding-right: 0;} 
 

 
#contact > .container-fluid > .row > div:last-child { padding-left: 0;}
<head> 
 
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> 
 
</head> 
 
<body> 
 
<section id="contact"> 
 
<div class="container-fluid"> 
 

 
    <div class="row"> 
 
    <div class="col-xs-6"> map </div> 
 
    <div class="col-xs-6"> contact form </div> 
 
    </div> 
 

 
</div> 
 
</section> 
 
</body>

Quelle

2017-12-12 06:59:40

+0

es Elvin Mammadov .. funktioniert danke! –

+0

Ich bin froh, dass ich dir geholfen habe! :) @DineshKumar –

+0

Können Sie antworten wie "diese Antwort ist nützlich" pls. Vielen Dank!) –

Verwandte Themen

 Verwandte Themen