Guest User

Untitled

a guest
Jun 5th, 2017
532
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 22.05 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Stretchy Grid</title>
  5.    
  6.     <!-- Latest compiled and minified CSS -->
  7.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  8.  
  9.     <!-- Optional theme -->
  10.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  11.    
  12.     <link rel="stylesheet" type="text/css" href="nestedlayout.css">
  13. </head>
  14. <body>
  15.    
  16.     <div class="container">
  17.             <div class="row stretchyrow">
  18.                     <div class="col-xs-5ths no-float" style="background-color:pink;">
  19.                    
  20.                         <div class="row labelrow">
  21.                             <div class="col-xs-3 text-center"><input type="text"></div>
  22.                             <div class="col-xs-3 text-center"><label>0</label></div>
  23.                             <div class="col-xs-3 text-center"><input type="text"></div>
  24.                             <div class="col-xs-3 text-center"><label>1</label></div>
  25.                         </div>
  26.                        
  27.                         <div class="row namerow">
  28.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  29.                         </div>
  30.                        
  31.                         <div class="row buttonrow">
  32.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  33.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  34.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  35.                         </div>
  36.                        
  37.                     </div>
  38.                     <div class="col-xs-5ths no-float" style="background-color:red;">
  39.                         <div class="row labelrow">
  40.                             <div class="col-xs-3 text-center"><input type="text"></div>
  41.                             <div class="col-xs-3 text-center"><label>0</label></div>
  42.                             <div class="col-xs-3 text-center"><input type="text"></div>
  43.                             <div class="col-xs-3 text-center"><label>1</label></div>
  44.                         </div>
  45.                        
  46.                         <div class="row namerow">
  47.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  48.                         </div>
  49.                        
  50.                         <div class="row buttonrow">
  51.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  52.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  53.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  54.                         </div>
  55.                     </div>
  56.                     <div class="col-xs-5ths no-float" style="background-color:blue;">
  57.                         <div class="row labelrow">
  58.                             <div class="col-xs-3 text-center"><input type="text"></div>
  59.                             <div class="col-xs-3 text-center"><label>0</label></div>
  60.                             <div class="col-xs-3 text-center"><input type="text"></div>
  61.                             <div class="col-xs-3 text-center"><label>1</label></div>
  62.                         </div>
  63.                        
  64.                         <div class="row namerow">
  65.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  66.                         </div>
  67.                        
  68.                         <div class="row buttonrow">
  69.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  70.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  71.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  72.                         </div>
  73.                     </div>
  74.                     <div class="col-xs-5ths no-float" style="background-color:orange;">
  75.                         <div class="row labelrow">
  76.                             <div class="col-xs-3 text-center"><input type="text"></div>
  77.                             <div class="col-xs-3 text-center"><label>0</label></div>
  78.                             <div class="col-xs-3 text-center"><input type="text"></div>
  79.                             <div class="col-xs-3 text-center"><label>1</label></div>
  80.                         </div>
  81.                        
  82.                         <div class="row namerow">
  83.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  84.                         </div>
  85.                        
  86.                         <div class="row buttonrow">
  87.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  88.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  89.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  90.                         </div>
  91.                     </div>
  92.                     <div class="col-xs-5ths no-float" style="background-color:yellow;">
  93.                         <div class="row labelrow">
  94.                             <div class="col-xs-3 text-center"><input type="text"></div>
  95.                             <div class="col-xs-3 text-center"><label>0</label></div>
  96.                             <div class="col-xs-3 text-center"><input type="text"></div>
  97.                             <div class="col-xs-3 text-center"><label>1</label></div>
  98.                         </div>
  99.                        
  100.                         <div class="row namerow">
  101.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  102.                         </div>
  103.                        
  104.                         <div class="row buttonrow">
  105.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  106.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  107.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  108.                         </div>
  109.                     </div>
  110.             </div>
  111.             <div class="row stretchyrow">
  112.                     <div class="col-xs-5ths no-float" style="background-color:green;">
  113.                         <div class="row labelrow">
  114.                             <div class="col-xs-3 text-center"><input type="text"></div>
  115.                             <div class="col-xs-3 text-center"><label>0</label></div>
  116.                             <div class="col-xs-3 text-center"><input type="text"></div>
  117.                             <div class="col-xs-3 text-center"><label>1</label></div>
  118.                         </div>
  119.                        
  120.                         <div class="row namerow">
  121.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  122.                         </div>
  123.                        
  124.                         <div class="row buttonrow">
  125.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  126.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  127.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  128.                         </div>
  129.                     </div>
  130.                     <div class="col-xs-5ths no-float" style="background-color:grey;">
  131.                         <div class="row labelrow">
  132.                             <div class="col-xs-3 text-center"><input type="text"></div>
  133.                             <div class="col-xs-3 text-center"><label>0</label></div>
  134.                             <div class="col-xs-3 text-center"><input type="text"></div>
  135.                             <div class="col-xs-3 text-center"><label>1</label></div>
  136.                         </div>
  137.                        
  138.                         <div class="row namerow">
  139.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  140.                         </div>
  141.                        
  142.                         <div class="row buttonrow">
  143.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  144.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  145.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  146.                         </div>
  147.                     </div>
  148.                     <div class="col-xs-5ths no-float" style="background-color:cyan;">
  149.                         <div class="row labelrow">
  150.                             <div class="col-xs-3 text-center"><input type="text"></div>
  151.                             <div class="col-xs-3 text-center"><label>0</label></div>
  152.                             <div class="col-xs-3 text-center"><input type="text"></div>
  153.                             <div class="col-xs-3 text-center"><label>1</label></div>
  154.                         </div>
  155.                        
  156.                         <div class="row namerow">
  157.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  158.                         </div>
  159.                        
  160.                         <div class="row buttonrow">
  161.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  162.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  163.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  164.                         </div>
  165.                     </div>
  166.                     <div class="col-xs-5ths no-float" style="background-color:magenta;">
  167.                         <div class="row labelrow">
  168.                             <div class="col-xs-3 text-center"><input type="text"></div>
  169.                             <div class="col-xs-3 text-center"><label>0</label></div>
  170.                             <div class="col-xs-3 text-center"><input type="text"></div>
  171.                             <div class="col-xs-3 text-center"><label>1</label></div>
  172.                         </div>
  173.                        
  174.                         <div class="row namerow">
  175.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  176.                         </div>
  177.                        
  178.                         <div class="row buttonrow">
  179.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  180.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  181.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  182.                         </div>
  183.                     </div>
  184.                     <div class="col-xs-5ths no-float" style="background-color:lavender;">
  185.                         <div class="row labelrow">
  186.                             <div class="col-xs-3 text-center"><input type="text"></div>
  187.                             <div class="col-xs-3 text-center"><label>0</label></div>
  188.                             <div class="col-xs-3 text-center"><input type="text"></div>
  189.                             <div class="col-xs-3 text-center"><label>1</label></div>
  190.                         </div>
  191.                        
  192.                         <div class="row namerow">
  193.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  194.                         </div>
  195.                        
  196.                         <div class="row buttonrow">
  197.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  198.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  199.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  200.                         </div>
  201.                     </div>
  202.             </div>
  203.             <div class="row stretchyrow">
  204.                     <div class="col-xs-5ths no-float" style="background-color:pink;">
  205.                    
  206.                         <div class="row labelrow">
  207.                             <div class="col-xs-3 text-center"><input type="text"></div>
  208.                             <div class="col-xs-3 text-center"><label>0</label></div>
  209.                             <div class="col-xs-3 text-center"><input type="text"></div>
  210.                             <div class="col-xs-3 text-center"><label>1</label></div>
  211.                         </div>
  212.                        
  213.                         <div class="row namerow">
  214.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  215.                         </div>
  216.                        
  217.                         <div class="row buttonrow">
  218.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  219.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  220.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  221.                         </div>
  222.                        
  223.                     </div>
  224.                     <div class="col-xs-5ths no-float" style="background-color:red;">
  225.                         <div class="row labelrow">
  226.                             <div class="col-xs-3 text-center"><input type="text"></div>
  227.                             <div class="col-xs-3 text-center"><label>0</label></div>
  228.                             <div class="col-xs-3 text-center"><input type="text"></div>
  229.                             <div class="col-xs-3 text-center"><label>1</label></div>
  230.                         </div>
  231.                        
  232.                         <div class="row namerow">
  233.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  234.                         </div>
  235.                        
  236.                         <div class="row buttonrow">
  237.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  238.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  239.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  240.                         </div>
  241.                     </div>
  242.                     <div class="col-xs-5ths no-float" style="background-color:blue;">
  243.                         <div class="row labelrow">
  244.                             <div class="col-xs-3 text-center"><input type="text"></div>
  245.                             <div class="col-xs-3 text-center"><label>0</label></div>
  246.                             <div class="col-xs-3 text-center"><input type="text"></div>
  247.                             <div class="col-xs-3 text-center"><label>1</label></div>
  248.                         </div>
  249.                        
  250.                         <div class="row namerow">
  251.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  252.                         </div>
  253.                        
  254.                         <div class="row buttonrow">
  255.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  256.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  257.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  258.                         </div>
  259.                     </div>
  260.                     <div class="col-xs-5ths no-float" style="background-color:orange;">
  261.                         <div class="row labelrow">
  262.                             <div class="col-xs-3 text-center"><input type="text"></div>
  263.                             <div class="col-xs-3 text-center"><label>0</label></div>
  264.                             <div class="col-xs-3 text-center"><input type="text"></div>
  265.                             <div class="col-xs-3 text-center"><label>1</label></div>
  266.                         </div>
  267.                        
  268.                         <div class="row namerow">
  269.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  270.                         </div>
  271.                        
  272.                         <div class="row buttonrow">
  273.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  274.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  275.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  276.                         </div>
  277.                     </div>
  278.                     <div class="col-xs-5ths no-float" style="background-color:yellow;">
  279.                         <div class="row labelrow">
  280.                             <div class="col-xs-3 text-center"><input type="text"></div>
  281.                             <div class="col-xs-3 text-center"><label>0</label></div>
  282.                             <div class="col-xs-3 text-center"><input type="text"></div>
  283.                             <div class="col-xs-3 text-center"><label>1</label></div>
  284.                         </div>
  285.                        
  286.                         <div class="row namerow">
  287.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  288.                         </div>
  289.                        
  290.                         <div class="row buttonrow">
  291.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  292.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  293.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  294.                         </div>
  295.                     </div>
  296.             </div>
  297.             <div class="row stretchyrow">
  298.                     <div class="col-xs-5ths no-float" style="background-color:green;">
  299.                         <div class="row labelrow">
  300.                             <div class="col-xs-3 text-center"><input type="text"></div>
  301.                             <div class="col-xs-3 text-center"><label>0</label></div>
  302.                             <div class="col-xs-3 text-center"><input type="text"></div>
  303.                             <div class="col-xs-3 text-center"><label>1</label></div>
  304.                         </div>
  305.                        
  306.                         <div class="row namerow">
  307.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  308.                         </div>
  309.                        
  310.                         <div class="row buttonrow">
  311.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  312.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  313.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  314.                         </div>
  315.                     </div>
  316.                     <div class="col-xs-5ths no-float" style="background-color:grey;">
  317.                         <div class="row labelrow">
  318.                             <div class="col-xs-3 text-center"><input type="text"></div>
  319.                             <div class="col-xs-3 text-center"><label>0</label></div>
  320.                             <div class="col-xs-3 text-center"><input type="text"></div>
  321.                             <div class="col-xs-3 text-center"><label>1</label></div>
  322.                         </div>
  323.                        
  324.                         <div class="row namerow">
  325.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  326.                         </div>
  327.                        
  328.                         <div class="row buttonrow">
  329.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  330.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  331.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  332.                         </div>
  333.                     </div>
  334.                     <div class="col-xs-5ths no-float" style="background-color:cyan;">
  335.                         <div class="row labelrow">
  336.                             <div class="col-xs-3 text-center"><input type="text"></div>
  337.                             <div class="col-xs-3 text-center"><label>0</label></div>
  338.                             <div class="col-xs-3 text-center"><input type="text"></div>
  339.                             <div class="col-xs-3 text-center"><label>1</label></div>
  340.                         </div>
  341.                        
  342.                         <div class="row namerow">
  343.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  344.                         </div>
  345.                        
  346.                         <div class="row buttonrow">
  347.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  348.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  349.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  350.                         </div>
  351.                     </div>
  352.                     <div class="col-xs-5ths no-float" style="background-color:magenta;">
  353.                         <div class="row labelrow">
  354.                             <div class="col-xs-3 text-center"><input type="text"></div>
  355.                             <div class="col-xs-3 text-center"><label>0</label></div>
  356.                             <div class="col-xs-3 text-center"><input type="text"></div>
  357.                             <div class="col-xs-3 text-center"><label>1</label></div>
  358.                         </div>
  359.                        
  360.                         <div class="row namerow">
  361.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  362.                         </div>
  363.                        
  364.                         <div class="row buttonrow">
  365.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  366.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  367.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  368.                         </div>
  369.                     </div>
  370.                     <div class="col-xs-5ths no-float" style="background-color:lavender;">
  371.                         <div class="row labelrow">
  372.                             <div class="col-xs-3 text-center"><input type="text"></div>
  373.                             <div class="col-xs-3 text-center"><label>0</label></div>
  374.                             <div class="col-xs-3 text-center"><input type="text"></div>
  375.                             <div class="col-xs-3 text-center"><label>1</label></div>
  376.                         </div>
  377.                        
  378.                         <div class="row namerow">
  379.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  380.                         </div>
  381.                        
  382.                         <div class="row buttonrow">
  383.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  384.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  385.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  386.                         </div>
  387.                     </div>
  388.             </div>
  389.             <div class="row stretchyrow">
  390.                     <div class="col-xs-5ths no-float" style="background-color:pink;">
  391.                    
  392.                         <div class="row labelrow">
  393.                             <div class="col-xs-3 text-center"><input type="text"></div>
  394.                             <div class="col-xs-3 text-center"><label>0</label></div>
  395.                             <div class="col-xs-3 text-center"><input type="text"></div>
  396.                             <div class="col-xs-3 text-center"><label>1</label></div>
  397.                         </div>
  398.                        
  399.                         <div class="row namerow">
  400.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  401.                         </div>
  402.                        
  403.                         <div class="row buttonrow">
  404.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  405.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  406.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  407.                         </div>
  408.                        
  409.                     </div>
  410.                     <div class="col-xs-5ths no-float" style="background-color:red;">
  411.                         <div class="row labelrow">
  412.                             <div class="col-xs-3 text-center"><input type="text"></div>
  413.                             <div class="col-xs-3 text-center"><label>0</label></div>
  414.                             <div class="col-xs-3 text-center"><input type="text"></div>
  415.                             <div class="col-xs-3 text-center"><label>1</label></div>
  416.                         </div>
  417.                        
  418.                         <div class="row namerow">
  419.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  420.                         </div>
  421.                        
  422.                         <div class="row buttonrow">
  423.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  424.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  425.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  426.                         </div>
  427.                     </div>
  428.                     <div class="col-xs-5ths no-float" style="background-color:blue;">
  429.                         <div class="row labelrow">
  430.                             <div class="col-xs-3 text-center"><input type="text"></div>
  431.                             <div class="col-xs-3 text-center"><label>0</label></div>
  432.                             <div class="col-xs-3 text-center"><input type="text"></div>
  433.                             <div class="col-xs-3 text-center"><label>1</label></div>
  434.                         </div>
  435.                        
  436.                         <div class="row namerow">
  437.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  438.                         </div>
  439.                        
  440.                         <div class="row buttonrow">
  441.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  442.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  443.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  444.                         </div>
  445.                     </div>
  446.                     <div class="col-xs-5ths no-float" style="background-color:orange;">
  447.                         <div class="row labelrow">
  448.                             <div class="col-xs-3 text-center"><input type="text"></div>
  449.                             <div class="col-xs-3 text-center"><label>0</label></div>
  450.                             <div class="col-xs-3 text-center"><input type="text"></div>
  451.                             <div class="col-xs-3 text-center"><label>1</label></div>
  452.                         </div>
  453.                        
  454.                         <div class="row namerow">
  455.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  456.                         </div>
  457.                        
  458.                         <div class="row buttonrow">
  459.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  460.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  461.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  462.                         </div>
  463.                     </div>
  464.                     <div class="col-xs-5ths no-float" style="background-color:yellow;">
  465.                         <div class="row labelrow">
  466.                             <div class="col-xs-3 text-center"><input type="text"></div>
  467.                             <div class="col-xs-3 text-center"><label>0</label></div>
  468.                             <div class="col-xs-3 text-center"><input type="text"></div>
  469.                             <div class="col-xs-3 text-center"><label>1</label></div>
  470.                         </div>
  471.                        
  472.                         <div class="row namerow">
  473.                             <div class="col-xs-12 text-center"><label>Opas</label></div>
  474.                         </div>
  475.                        
  476.                         <div class="row buttonrow">
  477.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">R</button></div>
  478.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">G</button></div>
  479.                             <div class="col-xs-4 text-center"><button class="btn btn-primary">B</button></div>
  480.                         </div>
  481.                     </div>
  482.             </div>
  483.     </div>
  484.  
  485.     <!-- Latest compiled and minified JavaScript -->
  486.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  487. </body>
  488. </html>
Advertisement
Add Comment
Please, Sign In to add comment