Advertisement
rdsedmundo

bootstrap.grid.css

Oct 19th, 2015
167
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.12 KB | None | 0 0
  1. .container {
  2. margin-right: auto;
  3. margin-left: auto;
  4. padding-left: 15px;
  5. padding-right: 15px
  6. }
  7. @media (min-width: 768px) {
  8. .container {
  9. width: 750px
  10. }
  11. }
  12. @media (min-width: 992px) {
  13. .container {
  14. width: 970px
  15. }
  16. }
  17. @media (min-width: 1200px) {
  18. .container {
  19. width: 1170px
  20. }
  21. }
  22. .container-fluid {
  23. margin-right: auto;
  24. margin-left: auto;
  25. padding-left: 15px;
  26. padding-right: 15px
  27. }
  28. .row {
  29. margin-left: -15px;
  30. margin-right: -15px
  31. }
  32. .col-xs-1,
  33. .col-sm-1,
  34. .col-md-1,
  35. .col-lg-1,
  36. .col-xs-2,
  37. .col-sm-2,
  38. .col-md-2,
  39. .col-lg-2,
  40. .col-xs-3,
  41. .col-sm-3,
  42. .col-md-3,
  43. .col-lg-3,
  44. .col-xs-4,
  45. .col-sm-4,
  46. .col-md-4,
  47. .col-lg-4,
  48. .col-xs-5,
  49. .col-sm-5,
  50. .col-md-5,
  51. .col-lg-5,
  52. .col-xs-6,
  53. .col-sm-6,
  54. .col-md-6,
  55. .col-lg-6,
  56. .col-xs-7,
  57. .col-sm-7,
  58. .col-md-7,
  59. .col-lg-7,
  60. .col-xs-8,
  61. .col-sm-8,
  62. .col-md-8,
  63. .col-lg-8,
  64. .col-xs-9,
  65. .col-sm-9,
  66. .col-md-9,
  67. .col-lg-9,
  68. .col-xs-10,
  69. .col-sm-10,
  70. .col-md-10,
  71. .col-lg-10,
  72. .col-xs-11,
  73. .col-sm-11,
  74. .col-md-11,
  75. .col-lg-11,
  76. .col-xs-12,
  77. .col-sm-12,
  78. .col-md-12,
  79. .col-lg-12 {
  80. position: relative;
  81. min-height: 1px;
  82. padding-left: 15px;
  83. padding-right: 15px
  84. }
  85. .col-xs-1,
  86. .col-xs-2,
  87. .col-xs-3,
  88. .col-xs-4,
  89. .col-xs-5,
  90. .col-xs-6,
  91. .col-xs-7,
  92. .col-xs-8,
  93. .col-xs-9,
  94. .col-xs-10,
  95. .col-xs-11,
  96. .col-xs-12 {
  97. float: left
  98. }
  99. .col-xs-12 {
  100. width: 100%
  101. }
  102. .col-xs-11 {
  103. width: 91.66666667%
  104. }
  105. .col-xs-10 {
  106. width: 83.33333333%
  107. }
  108. .col-xs-9 {
  109. width: 75%
  110. }
  111. .col-xs-8 {
  112. width: 66.66666667%
  113. }
  114. .col-xs-7 {
  115. width: 58.33333333%
  116. }
  117. .col-xs-6 {
  118. width: 50%
  119. }
  120. .col-xs-5 {
  121. width: 41.66666667%
  122. }
  123. .col-xs-4 {
  124. width: 33.33333333%
  125. }
  126. .col-xs-3 {
  127. width: 25%
  128. }
  129. .col-xs-2 {
  130. width: 16.66666667%
  131. }
  132. .col-xs-1 {
  133. width: 8.33333333%
  134. }
  135. .col-xs-pull-12 {
  136. right: 100%
  137. }
  138. .col-xs-pull-11 {
  139. right: 91.66666667%
  140. }
  141. .col-xs-pull-10 {
  142. right: 83.33333333%
  143. }
  144. .col-xs-pull-9 {
  145. right: 75%
  146. }
  147. .col-xs-pull-8 {
  148. right: 66.66666667%
  149. }
  150. .col-xs-pull-7 {
  151. right: 58.33333333%
  152. }
  153. .col-xs-pull-6 {
  154. right: 50%
  155. }
  156. .col-xs-pull-5 {
  157. right: 41.66666667%
  158. }
  159. .col-xs-pull-4 {
  160. right: 33.33333333%
  161. }
  162. .col-xs-pull-3 {
  163. right: 25%
  164. }
  165. .col-xs-pull-2 {
  166. right: 16.66666667%
  167. }
  168. .col-xs-pull-1 {
  169. right: 8.33333333%
  170. }
  171. .col-xs-pull-0 {
  172. right: auto
  173. }
  174. .col-xs-push-12 {
  175. left: 100%
  176. }
  177. .col-xs-push-11 {
  178. left: 91.66666667%
  179. }
  180. .col-xs-push-10 {
  181. left: 83.33333333%
  182. }
  183. .col-xs-push-9 {
  184. left: 75%
  185. }
  186. .col-xs-push-8 {
  187. left: 66.66666667%
  188. }
  189. .col-xs-push-7 {
  190. left: 58.33333333%
  191. }
  192. .col-xs-push-6 {
  193. left: 50%
  194. }
  195. .col-xs-push-5 {
  196. left: 41.66666667%
  197. }
  198. .col-xs-push-4 {
  199. left: 33.33333333%
  200. }
  201. .col-xs-push-3 {
  202. left: 25%
  203. }
  204. .col-xs-push-2 {
  205. left: 16.66666667%
  206. }
  207. .col-xs-push-1 {
  208. left: 8.33333333%
  209. }
  210. .col-xs-push-0 {
  211. left: auto
  212. }
  213. .col-xs-offset-12 {
  214. margin-left: 100%
  215. }
  216. .col-xs-offset-11 {
  217. margin-left: 91.66666667%
  218. }
  219. .col-xs-offset-10 {
  220. margin-left: 83.33333333%
  221. }
  222. .col-xs-offset-9 {
  223. margin-left: 75%
  224. }
  225. .col-xs-offset-8 {
  226. margin-left: 66.66666667%
  227. }
  228. .col-xs-offset-7 {
  229. margin-left: 58.33333333%
  230. }
  231. .col-xs-offset-6 {
  232. margin-left: 50%
  233. }
  234. .col-xs-offset-5 {
  235. margin-left: 41.66666667%
  236. }
  237. .col-xs-offset-4 {
  238. margin-left: 33.33333333%
  239. }
  240. .col-xs-offset-3 {
  241. margin-left: 25%
  242. }
  243. .col-xs-offset-2 {
  244. margin-left: 16.66666667%
  245. }
  246. .col-xs-offset-1 {
  247. margin-left: 8.33333333%
  248. }
  249. .col-xs-offset-0 {
  250. margin-left: 0
  251. }
  252. @media (min-width: 768px) {
  253. .col-sm-1,
  254. .col-sm-2,
  255. .col-sm-3,
  256. .col-sm-4,
  257. .col-sm-5,
  258. .col-sm-6,
  259. .col-sm-7,
  260. .col-sm-8,
  261. .col-sm-9,
  262. .col-sm-10,
  263. .col-sm-11,
  264. .col-sm-12 {
  265. float: left
  266. }
  267. .col-sm-12 {
  268. width: 100%
  269. }
  270. .col-sm-11 {
  271. width: 91.66666667%
  272. }
  273. .col-sm-10 {
  274. width: 83.33333333%
  275. }
  276. .col-sm-9 {
  277. width: 75%
  278. }
  279. .col-sm-8 {
  280. width: 66.66666667%
  281. }
  282. .col-sm-7 {
  283. width: 58.33333333%
  284. }
  285. .col-sm-6 {
  286. width: 50%
  287. }
  288. .col-sm-5 {
  289. width: 41.66666667%
  290. }
  291. .col-sm-4 {
  292. width: 33.33333333%
  293. }
  294. .col-sm-3 {
  295. width: 25%
  296. }
  297. .col-sm-2 {
  298. width: 16.66666667%
  299. }
  300. .col-sm-1 {
  301. width: 8.33333333%
  302. }
  303. .col-sm-pull-12 {
  304. right: 100%
  305. }
  306. .col-sm-pull-11 {
  307. right: 91.66666667%
  308. }
  309. .col-sm-pull-10 {
  310. right: 83.33333333%
  311. }
  312. .col-sm-pull-9 {
  313. right: 75%
  314. }
  315. .col-sm-pull-8 {
  316. right: 66.66666667%
  317. }
  318. .col-sm-pull-7 {
  319. right: 58.33333333%
  320. }
  321. .col-sm-pull-6 {
  322. right: 50%
  323. }
  324. .col-sm-pull-5 {
  325. right: 41.66666667%
  326. }
  327. .col-sm-pull-4 {
  328. right: 33.33333333%
  329. }
  330. .col-sm-pull-3 {
  331. right: 25%
  332. }
  333. .col-sm-pull-2 {
  334. right: 16.66666667%
  335. }
  336. .col-sm-pull-1 {
  337. right: 8.33333333%
  338. }
  339. .col-sm-pull-0 {
  340. right: auto
  341. }
  342. .col-sm-push-12 {
  343. left: 100%
  344. }
  345. .col-sm-push-11 {
  346. left: 91.66666667%
  347. }
  348. .col-sm-push-10 {
  349. left: 83.33333333%
  350. }
  351. .col-sm-push-9 {
  352. left: 75%
  353. }
  354. .col-sm-push-8 {
  355. left: 66.66666667%
  356. }
  357. .col-sm-push-7 {
  358. left: 58.33333333%
  359. }
  360. .col-sm-push-6 {
  361. left: 50%
  362. }
  363. .col-sm-push-5 {
  364. left: 41.66666667%
  365. }
  366. .col-sm-push-4 {
  367. left: 33.33333333%
  368. }
  369. .col-sm-push-3 {
  370. left: 25%
  371. }
  372. .col-sm-push-2 {
  373. left: 16.66666667%
  374. }
  375. .col-sm-push-1 {
  376. left: 8.33333333%
  377. }
  378. .col-sm-push-0 {
  379. left: auto
  380. }
  381. .col-sm-offset-12 {
  382. margin-left: 100%
  383. }
  384. .col-sm-offset-11 {
  385. margin-left: 91.66666667%
  386. }
  387. .col-sm-offset-10 {
  388. margin-left: 83.33333333%
  389. }
  390. .col-sm-offset-9 {
  391. margin-left: 75%
  392. }
  393. .col-sm-offset-8 {
  394. margin-left: 66.66666667%
  395. }
  396. .col-sm-offset-7 {
  397. margin-left: 58.33333333%
  398. }
  399. .col-sm-offset-6 {
  400. margin-left: 50%
  401. }
  402. .col-sm-offset-5 {
  403. margin-left: 41.66666667%
  404. }
  405. .col-sm-offset-4 {
  406. margin-left: 33.33333333%
  407. }
  408. .col-sm-offset-3 {
  409. margin-left: 25%
  410. }
  411. .col-sm-offset-2 {
  412. margin-left: 16.66666667%
  413. }
  414. .col-sm-offset-1 {
  415. margin-left: 8.33333333%
  416. }
  417. .col-sm-offset-0 {
  418. margin-left: 0
  419. }
  420. }
  421. @media (min-width: 992px) {
  422. .col-md-1,
  423. .col-md-2,
  424. .col-md-3,
  425. .col-md-4,
  426. .col-md-5,
  427. .col-md-6,
  428. .col-md-7,
  429. .col-md-8,
  430. .col-md-9,
  431. .col-md-10,
  432. .col-md-11,
  433. .col-md-12 {
  434. float: left
  435. }
  436. .col-md-12 {
  437. width: 100%
  438. }
  439. .col-md-11 {
  440. width: 91.66666667%
  441. }
  442. .col-md-10 {
  443. width: 83.33333333%
  444. }
  445. .col-md-9 {
  446. width: 75%
  447. }
  448. .col-md-8 {
  449. width: 66.66666667%
  450. }
  451. .col-md-7 {
  452. width: 58.33333333%
  453. }
  454. .col-md-6 {
  455. width: 50%
  456. }
  457. .col-md-5 {
  458. width: 41.66666667%
  459. }
  460. .col-md-4 {
  461. width: 33.33333333%
  462. }
  463. .col-md-3 {
  464. width: 25%
  465. }
  466. .col-md-2 {
  467. width: 16.66666667%
  468. }
  469. .col-md-1 {
  470. width: 8.33333333%
  471. }
  472. .col-md-pull-12 {
  473. right: 100%
  474. }
  475. .col-md-pull-11 {
  476. right: 91.66666667%
  477. }
  478. .col-md-pull-10 {
  479. right: 83.33333333%
  480. }
  481. .col-md-pull-9 {
  482. right: 75%
  483. }
  484. .col-md-pull-8 {
  485. right: 66.66666667%
  486. }
  487. .col-md-pull-7 {
  488. right: 58.33333333%
  489. }
  490. .col-md-pull-6 {
  491. right: 50%
  492. }
  493. .col-md-pull-5 {
  494. right: 41.66666667%
  495. }
  496. .col-md-pull-4 {
  497. right: 33.33333333%
  498. }
  499. .col-md-pull-3 {
  500. right: 25%
  501. }
  502. .col-md-pull-2 {
  503. right: 16.66666667%
  504. }
  505. .col-md-pull-1 {
  506. right: 8.33333333%
  507. }
  508. .col-md-pull-0 {
  509. right: auto
  510. }
  511. .col-md-push-12 {
  512. left: 100%
  513. }
  514. .col-md-push-11 {
  515. left: 91.66666667%
  516. }
  517. .col-md-push-10 {
  518. left: 83.33333333%
  519. }
  520. .col-md-push-9 {
  521. left: 75%
  522. }
  523. .col-md-push-8 {
  524. left: 66.66666667%
  525. }
  526. .col-md-push-7 {
  527. left: 58.33333333%
  528. }
  529. .col-md-push-6 {
  530. left: 50%
  531. }
  532. .col-md-push-5 {
  533. left: 41.66666667%
  534. }
  535. .col-md-push-4 {
  536. left: 33.33333333%
  537. }
  538. .col-md-push-3 {
  539. left: 25%
  540. }
  541. .col-md-push-2 {
  542. left: 16.66666667%
  543. }
  544. .col-md-push-1 {
  545. left: 8.33333333%
  546. }
  547. .col-md-push-0 {
  548. left: auto
  549. }
  550. .col-md-offset-12 {
  551. margin-left: 100%
  552. }
  553. .col-md-offset-11 {
  554. margin-left: 91.66666667%
  555. }
  556. .col-md-offset-10 {
  557. margin-left: 83.33333333%
  558. }
  559. .col-md-offset-9 {
  560. margin-left: 75%
  561. }
  562. .col-md-offset-8 {
  563. margin-left: 66.66666667%
  564. }
  565. .col-md-offset-7 {
  566. margin-left: 58.33333333%
  567. }
  568. .col-md-offset-6 {
  569. margin-left: 50%
  570. }
  571. .col-md-offset-5 {
  572. margin-left: 41.66666667%
  573. }
  574. .col-md-offset-4 {
  575. margin-left: 33.33333333%
  576. }
  577. .col-md-offset-3 {
  578. margin-left: 25%
  579. }
  580. .col-md-offset-2 {
  581. margin-left: 16.66666667%
  582. }
  583. .col-md-offset-1 {
  584. margin-left: 8.33333333%
  585. }
  586. .col-md-offset-0 {
  587. margin-left: 0
  588. }
  589. }
  590. @media (min-width: 1200px) {
  591. .col-lg-1,
  592. .col-lg-2,
  593. .col-lg-3,
  594. .col-lg-4,
  595. .col-lg-5,
  596. .col-lg-6,
  597. .col-lg-7,
  598. .col-lg-8,
  599. .col-lg-9,
  600. .col-lg-10,
  601. .col-lg-11,
  602. .col-lg-12 {
  603. float: left
  604. }
  605. .col-lg-12 {
  606. width: 100%
  607. }
  608. .col-lg-11 {
  609. width: 91.66666667%
  610. }
  611. .col-lg-10 {
  612. width: 83.33333333%
  613. }
  614. .col-lg-9 {
  615. width: 75%
  616. }
  617. .col-lg-8 {
  618. width: 66.66666667%
  619. }
  620. .col-lg-7 {
  621. width: 58.33333333%
  622. }
  623. .col-lg-6 {
  624. width: 50%
  625. }
  626. .col-lg-5 {
  627. width: 41.66666667%
  628. }
  629. .col-lg-4 {
  630. width: 33.33333333%
  631. }
  632. .col-lg-3 {
  633. width: 25%
  634. }
  635. .col-lg-2 {
  636. width: 16.66666667%
  637. }
  638. .col-lg-1 {
  639. width: 8.33333333%
  640. }
  641. .col-lg-pull-12 {
  642. right: 100%
  643. }
  644. .col-lg-pull-11 {
  645. right: 91.66666667%
  646. }
  647. .col-lg-pull-10 {
  648. right: 83.33333333%
  649. }
  650. .col-lg-pull-9 {
  651. right: 75%
  652. }
  653. .col-lg-pull-8 {
  654. right: 66.66666667%
  655. }
  656. .col-lg-pull-7 {
  657. right: 58.33333333%
  658. }
  659. .col-lg-pull-6 {
  660. right: 50%
  661. }
  662. .col-lg-pull-5 {
  663. right: 41.66666667%
  664. }
  665. .col-lg-pull-4 {
  666. right: 33.33333333%
  667. }
  668. .col-lg-pull-3 {
  669. right: 25%
  670. }
  671. .col-lg-pull-2 {
  672. right: 16.66666667%
  673. }
  674. .col-lg-pull-1 {
  675. right: 8.33333333%
  676. }
  677. .col-lg-pull-0 {
  678. right: auto
  679. }
  680. .col-lg-push-12 {
  681. left: 100%
  682. }
  683. .col-lg-push-11 {
  684. left: 91.66666667%
  685. }
  686. .col-lg-push-10 {
  687. left: 83.33333333%
  688. }
  689. .col-lg-push-9 {
  690. left: 75%
  691. }
  692. .col-lg-push-8 {
  693. left: 66.66666667%
  694. }
  695. .col-lg-push-7 {
  696. left: 58.33333333%
  697. }
  698. .col-lg-push-6 {
  699. left: 50%
  700. }
  701. .col-lg-push-5 {
  702. left: 41.66666667%
  703. }
  704. .col-lg-push-4 {
  705. left: 33.33333333%
  706. }
  707. .col-lg-push-3 {
  708. left: 25%
  709. }
  710. .col-lg-push-2 {
  711. left: 16.66666667%
  712. }
  713. .col-lg-push-1 {
  714. left: 8.33333333%
  715. }
  716. .col-lg-push-0 {
  717. left: auto
  718. }
  719. .col-lg-offset-12 {
  720. margin-left: 100%
  721. }
  722. .col-lg-offset-11 {
  723. margin-left: 91.66666667%
  724. }
  725. .col-lg-offset-10 {
  726. margin-left: 83.33333333%
  727. }
  728. .col-lg-offset-9 {
  729. margin-left: 75%
  730. }
  731. .col-lg-offset-8 {
  732. margin-left: 66.66666667%
  733. }
  734. .col-lg-offset-7 {
  735. margin-left: 58.33333333%
  736. }
  737. .col-lg-offset-6 {
  738. margin-left: 50%
  739. }
  740. .col-lg-offset-5 {
  741. margin-left: 41.66666667%
  742. }
  743. .col-lg-offset-4 {
  744. margin-left: 33.33333333%
  745. }
  746. .col-lg-offset-3 {
  747. margin-left: 25%
  748. }
  749. .col-lg-offset-2 {
  750. margin-left: 16.66666667%
  751. }
  752. .col-lg-offset-1 {
  753. margin-left: 8.33333333%
  754. }
  755. .col-lg-offset-0 {
  756. margin-left: 0
  757. }
  758. }
  759. .clearfix:before,
  760. .clearfix:after,
  761. .container:before,
  762. .container:after,
  763. .container-fluid:before,
  764. .container-fluid:after,
  765. .row:before,
  766. .row:after {
  767. content: " ";
  768. display: table
  769. }
  770. .clearfix:after,
  771. .container:after,
  772. .container-fluid:after,
  773. .row:after {
  774. clear: both
  775. }
  776. .center-block {
  777. display: block;
  778. margin-left: auto;
  779. margin-right: auto
  780. }
  781. .pull-right {
  782. float: right !important
  783. }
  784. .pull-left {
  785. float: left !important
  786. }
  787. .vcenter {
  788. display: inline-block;
  789. vertical-align: middle;
  790. float: none;
  791. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement