Joomla Templates Club 406,261 posts

[ger12 Friend ger12Join date: May 2012Posts: 185Downloads:7Uploads:0 Thanks: 62 Thanked: 8 times in 1 posts]

#200856

Hi, I create a custom html module on feature position 2 using this code:

<h2>Panels</h2>
<div class=”row example-row example-misc”>
<div class=”col-lg-4″>
<div class=”panel panel-default”>
<div class=”panel-heading”>Panel heading</div>
<div class=”panel-body”>Panel content</div>
</div>
<div class=”panel panel-primary”>
<div class=”panel-heading”>
<h3 class=”panel-title”>Panel primary</h3>
</div>
<div class=”panel-body”>Panel content</div>
</div>
</div>
<div class=”col-lg-4″>
<div class=”panel panel-success”>
<div class=”panel-heading”>
<h3 class=”panel-title”>Panel success</h3>
</div>
<div class=”panel-body”>Panel content</div>
</div>
<div class=”panel panel-warning”>
<div class=”panel-heading”>
<h3 class=”panel-title”>Panel warning</h3>
</div>
<div class=”panel-body”>Panel content</div>
</div>
</div>
<div class=”col-lg-4″>
<div class=”panel panel-danger”>
<div class=”panel-heading”>
<h3 class=”panel-title”>Panel danger</h3>
</div>
<div class=”panel-body”>Panel content</div>
</div>
<div class=”panel panel-info”>
<div class=”panel-heading”>
<h3 class=”panel-title”>Panel info</h3>
</div>
<div class=”panel-body”>Panel content</div>
</div>
</div>
</div>

This code looks like that:

Its wonderfull and lovely :-*

But I need 2 column instead 3. How can I make this happen? :-[

Thanks in advance.

1 user says Thank You to ger12 for this useful post

1. John Wesley Brett

[Jeancarlos Rodriguez Friend Jeancarlos RodriguezJoin date: September 2014Posts: 252Downloads:46Uploads:29 Thanks: 21 Thanked: 3 times in 1 posts]

#547487

If i am not mistaken…
use this code.

<h2>Panels</h2>
<div class=”row example-row example-misc”>
<div class=”col-lg-4″>
<div class=”panel panel-default”>
<div class=”panel-heading”>Panel heading</div>
<div class=”panel-body”>Panel content</div>
</div>
<div class=”panel panel-primary”>
<div class=”panel-heading”>
<h3 class=”panel-title”>Panel primary</h3>
</div>
<div class=”panel-body”>Panel content</div>
</div>
</div>
<div class=”col-lg-4″>
<div class=”panel panel-success”>
<div class=”panel-heading”>
<h3 class=”panel-title”>Panel success</h3>
</div>
<div class=”panel-body”>Panel content</div>
</div>
<div class=”panel panel-warning”>
<div class=”panel-heading”>
<h3 class=”panel-title”>Panel warning</h3>
</div>
<div class=”panel-body”>Panel content</div>
</div>
</div>
</div>

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#547490

Hello with above code it will look like this >>>http://prntscr.com/4h84ss

and if you want it to full width . on col-12 .

you can change the value of >>>>> col-lg-4 to col-lg-6


<h2>Panels</h2>
<div class="row example-row example-misc">
<div class="col-lg-6">
<div class="panel panel-default">
<div class="panel-heading">Panel heading</div>
<div class="panel-body">Panel content</div>
</div>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Panel primary</h3>
</div>
<div class="panel-body">Panel content</div>
</div>
</div>
<div class="col-lg-6">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Panel success</h3>
</div>
<div class="panel-body">Panel content</div>
</div>
<div class="panel panel-warning">
<div class="panel-heading">
<h3 class="panel-title">Panel warning</h3>
</div>
<div class="panel-body">Panel content</div>
</div>
</div>
</div>

it will look like this >>>http://prntscr.com/4h84ig

Hope it helps you

2 users say Thank You to Pankaj Sharma for this useful post

1. ger12
2. John Wesley Brett

[Author]

Posts