使用引導程序 4 將小部件移動到網頁的右側

Question

我希望信息標簽位於網頁的右側。 其余的東西都在頁面的中間。 雖然我無法將信息移到右側。 此外，由於它，頁腳消失了。 當我刪除信息代碼時，頁腳有效。 請幫我右對齊信息小部件，也有頁腳。

<div class="container">
         <div class="card border-light mb-3 text-center">
            <p class="card-header">Videos</p>
        </div>
         <div id="userSuccess" class="hide" role="alert">
            <div id="successUserContent"></div>
        </div>
        <div class="row" id="userVid"> 
            <?php
            $allVid = Schema::getAll();
            for ($i = 0; $i < count($allVid); $i++) {
                echo <<<HTML
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="card h-100">  
                        <div class="card-body">
                            <a href="vid.php"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
                            <h4 class="card-title">{$allVid[$i]->getTitle()} </h4>
                        </div> 
                    </div> 
                </div>
    HTML;
            }
            ?>   
        </div>    
        <div class="row">
        <div class="col-md-4 order-md-2 mb-4">
        <div class="card my-4">
                    <h5 class="card-header">Information</h5> 
                    <div class="card-body">  
                        <div class="row">
                                <ul class="list-unstyled mb-0">  
                                    <li>
                                        ...  
                                    </li>
                                </ul>                         
                        </div>
                    </div>        
                </div>
        </div>
        </div> 
    </div>
<?php
require_once './page/footer.php';
?>

Answer 1

對於右對齊，您需要在“row”類之后添加“justify-content-end”類。

<div class="row justify-content-end"><!-- ADDED HERE-->
  <div class="col-md-4 order-md-2 mb-4">
    <div class="card my-4">
      <h5 class="card-header">Information</h5>
        <!-- REST OF YOUR CODE-->

對於頁腳，您需要將 URL 括在括號中。

<?php require_once('/yourdirectory/yourfooter.php'); ?>

使用引導程序 4 將小部件移動到網頁的右側

問題描述

1 個解決方案

解決方案1
0 2018-03-05 16:39:55

使用引導程序 4 將小部件移動到網頁的右側

問題描述

1 個解決方案

解決方案1 0 2018-03-05 16:39:55

解決方案1
0 2018-03-05 16:39:55