"Grid Columns Divider"
Bootstrap 3.3.0 Snippet by DaRock

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="page-header"> <h3>How to set up the Trap City plug.dj bot</h3> </div> <div class="row grid-divider"> <div class="col-sm-4"> <div style="max-width:300px; overflow-x:scroll;" class="col-padding"> <h3>Step 1</h3> <p>I highly recommend you have Google Chrome or Mozilla Firefox for this to run properly. It is also good if you make sure you have stable internet.<br>Create a bookmark on the browser you have. For the name, name it whatever you want. For the URL, paste the following EXACTLY AS THIS SAYS<br> javascript:(function(){$.getScript('https://dl.dropbox.com/s/z6ryhawrq0oivpe/extension.js');})();<br></p> </div> </div> <div class="col-sm-4"> <div class="col-padding"> <h3>Step 2</h3> <p>Save the bookmark then goto the plug page. Once on the plug page for trap city, simply click the bookmark you just created and it should run perfectly fine. If you are a bouncer, it will say that you cannot move while running bouncer. If you are a manager, it should pop up a couple prompts. I will go into this next..</p> </div> </div> <div class="col-sm-4"> <div class="col-padding"> <h3>Finalizing the bot</h3> <p>To get this bot working properly, after the start up, do !autoskip. This will pop up "autoskip enabled". You can delete this if you want. This is to prevent songs getting stuck at the end. After that, everything should be working correctly. If you notice anything not working, message the FB chat and we can discuss it there."</p> </div> </div> <div class="col-sm-4"> <div class="col-padding"> <h3>NOTES</h3> <p>If you are a bouncer, it will say you cannot move. This is explanitory.<br> The bot will automatically disable a couple things on start up. I will go into each of these. "Emojis Disabled" Fairly simple. Disables the emojis. This will stop the auto deletion of singluar emojis. To re-enable, click the smiley face under the room population number.<br> "Avatars capped to 1" This is to reduce lag and internet usage. To bring it back do /cap #_of_avatars_you_want_shown"<br>"Volume set to 0" This is simple. Not going to explain it.</p> </div> </div> </div> </div>
/* Tablet and bigger */ @media ( min-width: 768px ) { .grid-divider { position: relative; padding: 0; } .grid-divider>[class*='col-'] { position: static; } .grid-divider>[class*='col-']:nth-child(n+2):before { content: ""; border-left: 1px solid #DDD; position: absolute; top: 0; bottom: 0; } .col-padding { padding: 0 15px; } }

Related: See More


Questions / Comments: