The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
||||
|
||||
responsive tables
Anyone here have a responsive html table code they want to share?
|
#2
|
||||
|
||||
Quote:
Here's html codes with bootstrap integrated. HTML Code:
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Responsive Tables</h2> < br/> <div class="table-responsive"> <table class="table"> <thead> <tr> <th>#</th> <th>Firstname</th> <th>Lastname</th> <th>Age</th> <th>City</th> <th>Country</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Num</td> <td>Num</td> <td>28</td> <td>New York</td> <td>USA</td> </tr> </tbody> </table> </div> </div> </body> </html> |
2 благодарности(ей) от: | ||
NumNum, RichieBoy67 |
#3
|
||||
|
||||
I was making tables with dreamweaver but they weren't responsive in the html module, its the bootstrap that enables that?
|
#4
|
||||
|
||||
Quote:
if so, you need to save the codes and check it on real browsers ( like firefox, chrome..) Of course you need to increase bootstrap libs to see how it works |
#5
|
||||
|
||||
The static html module in vB 5.
I want to create an invisible table with no headers to insert logos into each cell, like a 3x6 table with logos in each c ell, and each logo will be a hyperlink to the companies website. The borders should be invisible, and the page responsive. |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|