Генератор :nth-child для сайта / Генераторы / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Генераторы

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 333

Количество символов:

Посмотрели: 3343 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 3 голосов

Тип лицензии: CC BY 4.0

Авторство: http://u.to/8exoDQ

Информация: Пользователям

Информация: Правообладателям

Теги: Snippet, генератор, html, сниппет, Bootstrap, Generator

Поделился: BootstrapТема

Добавлено: 2015-12-20 в 18:49

Метка: 1581767730

⇄ ⇅

<div class="col-sm-3">
<div class="input-group">
<span class="input-group-btn">
<div class="btn btn-default">:nth-child</div>
</span>
<input id="value-nth-child" type="text" class="form-control" placeholder="13n+1">
</div>
</div>
<div class="col-sm-3">
<div class="input-group">
<span class="input-group-btn">
<div class="btn btn-default">:nth-last-child</div>
</span>
<input id="value-nth-last-child" type="text" class="form-control" placeholder="13n+1">
</div>
</div>
<div class="col-sm-3">
<div class="input-group">
<span class="input-group-btn">
<div class="btn btn-default">:nth-last-of-type</div>
</span>
<input id="value-nth-last-of-type" type="text" class="form-control" placeholder="13n+1">
</div>
</div>
<div class="col-sm-3">
<div class="input-group">
<span class="input-group-btn">
<div class="btn btn-default">:nth-of-type</div>
</span>
<input id="value-nth-of-type" type="text" class="form-control" placeholder="13n+1">
</div>
</div>
<div class="clearfix"></div>
<hr>
<div id="rezult-test-nth-child" class="col-sm-12">
 <div class="col-sm-1 btn btn-default">1</div>
 <div class="col-sm-1 btn btn-default">2</div>
 <div class="col-sm-1 btn btn-default">3</div>
 <div class="col-sm-1 btn btn-default">4</div>
 <div class="col-sm-1 btn btn-default">5</div>
 <div class="col-sm-1 btn btn-default">6</div>
 <div class="col-sm-1 btn btn-default">7</div>
 <div class="col-sm-1 btn btn-default">8</div>
 <div class="col-sm-1 btn btn-default">9</div>
 <div class="col-sm-1 btn btn-default">10</div>
 <div class="col-sm-1 btn btn-default">11</div>
 <div class="col-sm-1 btn btn-default">12</div>
 <div class="col-sm-1 btn btn-default">13</div>
 <div class="col-sm-1 btn btn-default">14</div>
 <div class="col-sm-1 btn btn-default">15</div>
 <div class="col-sm-1 btn btn-default">16</div>
 <div class="col-sm-1 btn btn-default">17</div>
 <div class="col-sm-1 btn btn-default">18</div>
 <div class="col-sm-1 btn btn-default">19</div>
 <div class="col-sm-1 btn btn-default">20</div>
 <div class="col-sm-1 btn btn-default">21</div>
 <div class="col-sm-1 btn btn-default">22</div>
 <div class="col-sm-1 btn btn-default">23</div>
 <div class="col-sm-1 btn btn-default">24</div>
 <div class="col-sm-1 btn btn-default">25</div>
 <div class="col-sm-1 btn btn-default">26</div>
 <div class="col-sm-1 btn btn-default">27</div>
 <div class="col-sm-1 btn btn-default">28</div>
 <div class="col-sm-1 btn btn-default">29</div>
 <div class="col-sm-1 btn btn-default">30</div>
 <div class="col-sm-1 btn btn-default">31</div>
 <div class="col-sm-1 btn btn-default">32</div>
 <div class="col-sm-1 btn btn-default">33</div>
 <div class="col-sm-1 btn btn-default">34</div>
 <div class="col-sm-1 btn btn-default">35</div>
 <div class="col-sm-1 btn btn-default">36</div>
 <div class="col-sm-1 btn btn-default">37</div>
 <div class="col-sm-1 btn btn-default">38</div>
 <div class="col-sm-1 btn btn-default">39</div>
 <div class="col-sm-1 btn btn-default">40</div>
 <div class="col-sm-1 btn btn-default">41</div>
 <div class="col-sm-1 btn btn-default">42</div>
 <div class="col-sm-1 btn btn-default">42</div>
 <div class="col-sm-1 btn btn-default">44</div>
 <div class="col-sm-1 btn btn-default">45</div>
 <div class="col-sm-1 btn btn-default">46</div>
 <div class="col-sm-1 btn btn-default">47</div>
 <div class="col-sm-1 btn btn-default">48</div>
 <div class="col-sm-1 btn btn-default">49</div>
 <div class="col-sm-1 btn btn-default">50</div>
 <div class="col-sm-1 btn btn-default">51</div>
 <div class="col-sm-1 btn btn-default">52</div>
 <div class="col-sm-1 btn btn-default">53</div>
 <div class="col-sm-1 btn btn-default">54</div>
 <div class="col-sm-1 btn btn-default">55</div>
 <div class="col-sm-1 btn btn-default">56</div>
 <div class="col-sm-1 btn btn-default">57</div>
 <div class="col-sm-1 btn btn-default">58</div>
 <div class="col-sm-1 btn btn-default">59</div>
 <div class="col-sm-1 btn btn-default">60</div>
 <div class="col-sm-1 btn btn-default">61</div>
 <div class="col-sm-1 btn btn-default">62</div>
 <div class="col-sm-1 btn btn-default">63</div>
 <div class="col-sm-1 btn btn-default">64</div>
 <div class="col-sm-1 btn btn-default">65</div>
 <div class="col-sm-1 btn btn-default">66</div>
 <div class="col-sm-1 btn btn-default">67</div>
 <div class="col-sm-1 btn btn-default">68</div>
 <div class="col-sm-1 btn btn-default">69</div>
 <div class="col-sm-1 btn btn-default">70</div>
 <div class="col-sm-1 btn btn-default">71</div>
 <div class="col-sm-1 btn btn-default">72</div>
 <div class="col-sm-1 btn btn-default">73</div>
 <div class="col-sm-1 btn btn-default">74</div>
 <div class="col-sm-1 btn btn-default">75</div>
 <div class="col-sm-1 btn btn-default">76</div>
 <div class="col-sm-1 btn btn-default">77</div>
 <div class="col-sm-1 btn btn-default">78</div>
 <div class="col-sm-1 btn btn-default">79</div>
 <div class="col-sm-1 btn btn-default">80</div>
 <div class="col-sm-1 btn btn-default">81</div>
 <div class="col-sm-1 btn btn-default">82</div>
 <div class="col-sm-1 btn btn-default">83</div>
 <div class="col-sm-1 btn btn-default">84</div>
 <div class="col-sm-1 btn btn-default">85</div>
 <div class="col-sm-1 btn btn-default">86</div>
 <div class="col-sm-1 btn btn-default">87</div>
 <div class="col-sm-1 btn btn-default">88</div>
 <div class="col-sm-1 btn btn-default">89</div>
 <div class="col-sm-1 btn btn-default">90</div>
 <div class="col-sm-1 btn btn-default">91</div>
 <div class="col-sm-1 btn btn-default">92</div>
 <div class="col-sm-1 btn btn-default">93</div>
 <div class="col-sm-1 btn btn-default">94</div>
 <div class="col-sm-1 btn btn-default">95</div>
 <div class="col-sm-1 btn btn-default">96</div>
 <div class="col-sm-1 btn btn-default">97</div>
 <div class="col-sm-1 btn btn-default">98</div>
 <div class="col-sm-1 btn btn-default">99</div>
 <div class="col-sm-1 btn btn-default">100</div>
 <div class="col-sm-1 btn btn-default">101</div>
 <div class="col-sm-1 btn btn-default">102</div>
 <div class="col-sm-1 btn btn-default">103</div>
 <div class="col-sm-1 btn btn-default">104</div>
 <div class="col-sm-1 btn btn-default">105</div>
 <div class="col-sm-1 btn btn-default">106</div>
 <div class="col-sm-1 btn btn-default">107</div>
 <div class="col-sm-1 btn btn-default">108</div>
 <div class="col-sm-1 btn btn-default">109</div>
 <div class="col-sm-1 btn btn-default">110</div>
 <div class="col-sm-1 btn btn-default">111</div>
 <div class="col-sm-1 btn btn-default">112</div>
 <div class="col-sm-1 btn btn-default">113</div>
 <div class="col-sm-1 btn btn-default">114</div>
 <div class="col-sm-1 btn btn-default">115</div>
 <div class="col-sm-1 btn btn-default">116</div>
 <div class="col-sm-1 btn btn-default">117</div>
 <div class="col-sm-1 btn btn-default">118</div>
 <div class="col-sm-1 btn btn-default">119</div>
 <div class="col-sm-1 btn btn-default">120</div>
 <div class="col-sm-1 btn btn-default">121</div>
 <div class="col-sm-1 btn btn-default">122</div>
 <div class="col-sm-1 btn btn-default">123</div>
 <div class="col-sm-1 btn btn-default">124</div>
 <div class="col-sm-1 btn btn-default">125</div>
 <div class="col-sm-1 btn btn-default">126</div>
 <div class="col-sm-1 btn btn-default">127</div>
 <div class="col-sm-1 btn btn-default">128</div>
 <div class="col-sm-1 btn btn-default">129</div>
 <div class="col-sm-1 btn btn-default">130</div>
 <div class="col-sm-1 btn btn-default">131</div>
 <div class="col-sm-1 btn btn-default">132</div>
 <div class="col-sm-1 btn btn-default">133</div>
 <div class="col-sm-1 btn btn-default">134</div>
 <div class="col-sm-1 btn btn-default">135</div>
 <div class="col-sm-1 btn btn-default">136</div>
 <div class="col-sm-1 btn btn-default">137</div>
 <div class="col-sm-1 btn btn-default">138</div>
 <div class="col-sm-1 btn btn-default">139</div>
 <div class="col-sm-1 btn btn-default">140</div>
 <div class="col-sm-1 btn btn-default">141</div>
 <div class="col-sm-1 btn btn-default">142</div>
 <div class="col-sm-1 btn btn-default">143</div>
 <div class="col-sm-1 btn btn-default">144</div>
<div class="clearfix"></div>

</div>

</div></div>

BootstrapTema

Генератор :nth-child для сайта

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0