last day (15 days later) » 

4:58 AM
0
Q: make panel group responsive

AryaI have the following block of Html/Bootstrap 4 code <div class="col-xs-12 col-md-4"> <div class="panel-group" id="panel-790692"> <th:block th:each="state : ${stateIterable}"> <div class="panel panel-default"> <div class="panel-heading"> <...

 
replace col-xs-12 with col-12 can you add your code in fiddle? or make it as full html. seems like some scripting is added
 
@Znaneswar I will try to add it to fiiddle
 
Thanks add external resources also if possible. coz. for bootstrap 4 alpha and beta versions there is difference
 
I have created a Fiddle, I'm trying to add my custom css to it codeply.com/go/pA3GBinWx4
 
I can't see any panel-group in that it seems like default bootstrap snippet
 
4:58 AM
sorry, I forgot to save it, hang on I'll fix it
I thought everytime I modify that page it will autosave? I don't see a save button
 
add it to fiddle jsfiddle.net
 
ok 1 min
Unfortunately it looks a bit different on jsfiddle, jsfiddle.net/x1hphsvb/243
 
add col-lg-3or col-md-3 to panel-body
Example:<div class="panel-body col-lg-3">Dothan</div>
 
Now it looks like this
 
it will be looks like 4 columns one min i will share in fiddle
i have applied to first 4 or 5 only
you need output like that?
 
5:14 AM
no, I need the list to be spread out, so in desktop instead of having the state names in one column I would like to have it in 3 or 4 columns, but on mobile all the states be in one column.
Kinda similar to what Craigslist looks like in desktop craigslist.org/about/sites
 
yeah apply same to every panel
it should be panel panel-default col-md-3
col-md-3 need to be added
 
Now it looks like this <div class="panel panel-default col-md-3"> but still same results
 
have you got my point in your code at class "panel-collapse collapse in" add col-md-3
no it will works
2 min i wil share fiddle
check this
or i added my answer in stackoverflow run the snippet and check in fullpage
 
5:30 AM
Thanks, I just need to modify my code. I can see it's working on Fiddler. I just have to make the changes on my code
 
and if it is works for you please mark it as answer so that others can get benefit from it
you welcome :)
 
yes, of course, I'm working on it now
 

last day (15 days later) »