Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Sign In
Not a member yet? Click here to register.

Bootstrap Grid - merge lines


Print Track
i have change all my tables to the new bootstrap gird system but one question

how i can merge lines. I know how i can merge columns but dont know about merge lines.
I have a Image what i want to show in the first column but i have to merge the first collums to 5 or 6 lines --- but how?
right of the picture i want to show some more lines with text.
I have make it and it works but i guess its not the best version .... can anyone say me what the right command to merge is?

here a image what i want:
www.php-fusion.co.uk/infusions/forum/attachments/erwrw.png

my code works but i have it makes so

line 1
4-4-4
line 2
6-6
line 3
6-6
line5
6-6

echo "<div class='container-fluid'>\n";
         echo "<div class='table-responsive'>\n";
         
         
            
// ZEILE 1
   // ..................... BILD         
            echo "<div class='col-lg-4 col-md-12 col-sm-12 col-xs-12'>\n";
                              $result2 = dbquery("SELECT   
                                 figure_images_image_id,    
                                 figure_images_figure_id,    
                                 figure_images_image,    
                                 figure_images_thumb    
                              FROM ".DB_FIGURE_IMAGES."
                              WHERE figure_images_figure_id='".$data['figure_id']."'
                              LIMIT 0,1");
               
                        if(dbrows($result2)){                  
                           while($data2 = dbarray($result2)){                  
                              echo "<center><a href='".$data['figure']['link']."'><img src='".($data2['figure_images_thumb'] ? THUMBS_FIGURES.$data2['figure_images_thumb'] : IMAGES."imagenotfound.jpg")."' alt='".trimlink($data['figure_title'],100)."' title='".trimlink($data['figure_title'],50)."' style='border:0px;max-height:120px;max-width:120px' /></a>";                  
                           }                              
                        } else {                            
                              echo "<center><a href='".$data['figure']['link']."'><img src='".IMAGES."imagenotfound.jpg' alt='".trimlink($data['figure_title'],100)."' title='".trimlink($data['figure_title'],50)."' style='border:0px;max-height:120px;max-width:120px' /></a>";
                              }
            echo "</div>\n";
   // ..................... VARIANT            
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               if ($data['figure']['variant']) {
                     echo "<span class='small'><strong>Variant: </strong>".trimlink($data['figure']['variant'],10)."</span>\n";
               } else {
                     echo "<span class='small'><strong>Variant: </strong>... missing data ...</span>";
                  }
            echo "</div>\n";

   // ..................... SUBMITTER               
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               echo "<span class='small'><strong>Submitted by: </strong>".profile_link($data['figure']['userid'], $data['figure']['username'], $data['figure']['userstatus'])."<br/></span>\n";
            echo "</div>\n";
            
// ZEILE 2            
   // ..................... MANUFACTURER                        
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               echo "<span class='small'><strong>Manufacturer: </strong>".trimlink($data['figure']['manufacturer'],10)."<br/></span>\n";
            echo "</div>\n";

   // ..................... SUBMITTED ON            
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               //echo "<span class='small'><strong>Submitted on: </strong>".timer($data['figure_datestamp'])." - ".showdate("shortdate", $data['figure_datestamp'])."</span>\n";
               echo "<span class='small'><strong>Submitted on: </strong>".showdate("shortdate", $data['figure_datestamp'])."</span>\n";
            echo "</div>\n";
// ZEILE 3            
   // ..................... BRAND            
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               echo "<span class='small'><strong>Brand: </strong>".trimlink($data['figure']['brand'],10)."</span>\n";
            echo "</div>\n";

   // ..................... VIEWS            
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               echo "<span class='small'><strong>Views: </strong>".$data['figure']['views']."</span>\n";
            echo "</div>\n";            
            
// ZEILE 4            
   // ..................... SCALE            
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               echo "<span class='small'><strong>Scale: </strong>".$data['figure']['scale']."</span>\n";
            echo "</div>\n";

   // ..................... USER COUNT               
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               $count = dbcount("(figure_userfigures_id)", DB_FIGURE_USERFIGURES, "figure_userfigures_figure_id='".$data['figure_id']."'");   
               echo "<span class='small'><strong>User Count: </strong>".$count."</span>\n";
            echo "</div>\n";            
// ZEILE 5            
   // ..................... RELEASE DATE         
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               echo "<span class='small'><strong>Release: </strong>".$data['figure']['year']."</span>\n";
            echo "</div>\n";

   // ..................... COMMENT COUNT               
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               $comments = dbcount("(comment_id)", DB_COMMENTS, "comment_type='FI' AND comment_item_id='".$data['figure_id']."'");
               echo "<span class='small'><strong>Comments: </strong>".$comments."<br/></span>\n";
            echo "</div>\n";                        
// ZEILE 6            
   // ..................... SERIES         
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               if ($data['figure']['series']) {
                  echo "<span class='small'><strong>Series: </strong>".trimlink($data['figure']['series'],10)."</span>\n";
               } else {
                  echo "<span class='small'><strong>Series: </strong> ... missing data ...</span>";
               }
            echo "</div>\n";

   // ..................... RATING               
            echo "<div class='col-lg-4 col-md-6 col-sm-12 col-xs-12'>\n";
               $drating = dbarray(dbquery("
                SELECT
                  SUM(rating_vote) sum_rating,
                     COUNT(rating_item_id) count_votes
                     FROM ".DB_RATINGS."
                     WHERE rating_type='FI'
                     AND  rating_item_id='".$data['figure_id']."'
                  "));
               $rating = ($drating['count_votes'] > 0 ? str_repeat("<img src='".INFUSIONS."figurelib/images/starsmall.png'>",ceil($drating['sum_rating']/$drating['count_votes'])) : "-");
               echo "<span class='small'><strong>Rating: </strong>".$rating."</span>\n";
            echo "</div>\n";            
   // ...........................................                  
            
            
            echo "</div>\n";
            echo "</div>\n";
Catzenjaeger attached the following file:
erwrw.png [127.86kB / 80 Downloads]

2 replies

From your image

<!--- Open Main--->
<div class='row'>
<div class='col-xs-12 col-sm-3'>IMAGE</div>
<div class='col-xs-12 col-sm-9'>

<!--- First Row Right Side--->
<div class='row'>
<div class='col-xs-12 col-sm-3'>First Col/div>
<div class='col-xs-12 col-sm-3'>Second Col/div>
</div>

<!--- Second Row Right Side--->
<div class='row'>
<div class='col-xs-12 col-sm-3'>First Col/div>
<div class='col-xs-12 col-sm-3'>Second Col/div>
</div>

<!--- Third Row Right Side--->
<div class='row'>
<div class='col-xs-12 col-sm-3'>First Col/div>
<div class='col-xs-12 col-sm-3'>Second Col/div>
</div>

<!--- Close Main-->
</div></div>


You nest it.
Thanx -- works perfect
Catzenjaeger attached the following file:
unbenannt_11.jpg [28.8kB / 64 Downloads]
author Catzenjaeger
forumPHP-Fusion Dynamics - 9
replies3 posts
viewed1,458 times
activeLast updated on 3 years ago
You can view all discussion threads in this forum.
You cannot set up a bounty in this discussion thread.
You can start a new discussion thread in this forum.
You cannot reply in this discussion thread.
You cannot start on a poll in this forum.
You cannot upload attachments in this forum.
You can download attachments in this forum.
You cannot up or down-vote on the post in this discussion thread.
Users who participated in discussion: Catzenjaeger, Chan