Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

first german version finished

  • Loading branch information...
commit 51a144ae3baf017c5fe22c6fd9807672b4d206ee 0 parents
peponi authored
14 .gitignore
@@ -0,0 +1,14 @@
+*~
+.DS_Store
+.bundle
+db/*.sqlite3
+log/*.log
+tmp/**/*
+env.sh
+.project
+/web/bundles/
+/app/bootstrap*
+/app/cache/*
+/app/logs/*
+/vendor/
+/app/config/parameters.ini
27 README.md
@@ -0,0 +1,27 @@
+# This is a Symfony2 kickstart 4 absolute beginners
+
+available in english, german & france
+
+This howto should guid you to lazy install and configure the [Symfony 2](https://github.com/symfony/symfony) MVC framework.
+To follow this 5 installations steps will save you 15 minutes or more in the user rights configuration hell. (more time 4 your kittens)
+
+## finished Virtual Machine
+
+If you don`t want to configure Symfony and start to program immediately, you can also download a finished virtual machine as [magnet](https://thepiratebay.se/)
+
+
+## TODO
+* github link in navbar
+* remove all <br> / code enlightment
+* what about lincense stuff? i have no clue
+* installation 4 Mac OS X missing
+* installation 4 Windows missing
+* language management - using Silex? -> http://silex.sensiolabs.org/documentation
+* translate this guid to other languages
+* expand the guide
+* keep it current
+* help to seed the [VM](https://thepiratebay.se/comes_in_the_next_days) !
+
+
+
+congratulations, bugs or indecent offers to mail@peponi.tk
BIN  img/a_sensiolabs_product.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  img/download.jpeg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  img/glyphicons-halflings.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  img/logo_symfony_header.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  img/submenu_picto.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  img/submenu_picto_hover.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
249 index.html
@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+
+ <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
+ Remove this if you use the .htaccess -->
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+
+ <title>Symfony 4 absolute beginners</title>
+
+ <link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css">
+ <link rel="stylesheet" type="text/css" href="stylesheets/bootstrap-responsive.css">
+ <link rel="stylesheet" type="text/css" href="stylesheets/app.css">
+
+ </head>
+
+ <body>
+ <div class="navbar navbar-inverse navbar-fixed-top">
+ <div class="navbar-inner">
+ <a class="brand" href="http://symfony.com/what-is-symfony">Language</a>
+ <ul class="nav">
+ <li class="active"><a href="#">Deutsch</a></li>
+ <li><a href="#">English</a></li>
+ <li><a href="#">Fran&#231;ais</a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="container">
+ <div class="row">
+
+ </div>
+ <div class="row">
+ <!-- Docs nav ================================================= -->
+ <div class="content">
+ <div class="span3 bs-docs-sidebar affix">
+ <a href="http://symfony.com/what-is-symfony"><img src="img/logo_symfony_header.png" alt="Symfony" id="logo_symfony"></a>
+ <ul class="nav nav-list bs-docs-sidenav ">
+ <li><a href="#download"> 1. Download Symfony</a></li>
+ <li><a href="#ubuntu"> - Installation unter Ubuntu</a></li>
+ <li><a href="#osx"> - Installation unter OS X</a></li>
+ <li><a href="#windows"> - Installation unter Windows</a></li>
+ <li><a href="#configuration"> 2. Konfiguration von Symfony</a></li>
+ <li><a href="#git"> 3. Git nicht vergessen</a></li>
+ <li><a href="#database"> 4. Erstellen der Datenbank</a></li>
+ <li><a href="#relations"> - relations</a></li>
+ <li><a href="#templates"> 5. Einfügen der Templates</a></li>
+ </ul>
+ </div>
+
+ <div class="span9 offset3">
+ <div class="span4 offset4 marginbottom20">
+ <img src="img/a_sensiolabs_product.png" alt="a SensioLabs product" id="sensiolab">
+ <a href="http://symfony.com/download"> <img src="img/download.jpeg"></a>
+ </div>
+
+ <section id="download">
+ <h1>Download von Symfony 2</h1>
+ <p>Zu erst lade die standard Version mit den allen Vendors herunter und entpacke sie.</p>
+
+ <a href="http://symfony.com/download">Download ></a>
+ <br><br>
+ <b><i class="icon-info-sign"></i> VMware Image</b>
+ <p>Wer sich die Installation und Konfiguration von Symfony sparen will und gleich mit dem <a href="#database">ORM Design anfagen</a> m&ouml;chte, kann sich alternativ auch eine <a href="https://thepiratebay.se/comes_in_the_next_days">fertige VM</a> saugen.</p>
+ <a href="https://thepiratebay.se/comes_in_the_next_days">Download Torrent ></a>
+ <br>
+ <a href="http://bayfiles.com/comes_in_the_next_days">Download Image ></a>
+ </section>
+ <section id="ubuntu">
+ <h2>Installation für Ubuntu 12.04</h2>
+ <p>Um die <a href="http://symfony.com/doc/current/reference/requirements.html">Anforderungen</a> für Symfony zu erf&uuml;llen empfiehlt sich schnell den LAMP Stack zu installieren.</p>
+ <p>
+ <code>sudo apt-get install lamp-server php5 php5-gd php5-mysql php5-curl php5-cli php5-cgi php5-dev</code>
+ </p>
+ <p>Die einfachte und beste Methode w&auml;re wohl den <a href="http://wiki.ubuntuusers.de/Apache#Benutzerspezifisch">Apache so zu konfigurieren</a> das auf das Home Verzeichniss zugegriffen werden kann, damit der Programmiercode in <b>deinem Homeverzeichniss</b> unter <b>deinen Userrechten</b> liegen kann.</p>
+ <p>Wer den noch Symfony in <b>/var/www</b> laufen lassen möchte, muss sich um die <a href="http://symfony.com/doc/current/book/installation.html#configuration-and-setup"> Zugriffsrechte k&uuml;mmern</a>. </p>
+ <pre>
+<code>sudo usermod -aG www-data username</code>
+<code>cd /var/www/Symfony</code>
+<code>/var/www/Symfony$ sudo chmod +a "www-data allow delete,write,append,file_inherit,directory_inherit" app/cache app/logs</code>
+<code>/var/www/Symfony$ chmod +a "`whoami` allow delete,write,append,file_inherit,directory_inherit" app/cache app/logs</code>
+ </pre>
+ </section>
+ <section id="osx">
+ <h2>Installation für OS X</h2>
+ </section>
+ <section id="windows">
+ <h2>Installation unter Windows</h2>
+ </section>
+ <section id="configuration">
+ <h1>Konfiguration von Symfony 2</h1>
+ <p></p>
+ <p>Wenn der Apache richtig läuft, kannst du jetzt auf diese URL zugreifen und Symfonys Datenbankzugriff Konfigurieren.</p>
+ <a>http://127.0.0.1/app_dev.php/_configurator/step/0</a>
+ <p>standart Port für:</p>
+ <ul>
+ <li>MySQl = 3306</li>
+ <li>PostgreSQL = 5432</li>
+ </ul>
+ <p>Wenn die Zugriffsrechte in <b>Symfony/app/config/parameters.ini</b> stimmen werden die Datenbankrelationen automatisch von der web GUI aktualisiert.</p>
+
+ </section>
+ <section id="git">
+ <h1>Git einrichten</h1>
+ <p>Das <b>.gitignore</b> File muss noch angepasst werden bevor man es <a href="http://symfony.com/doc/current/cookbook/workflow/new_project_git.html">f&uuml;r Symfony verwenden</a> kann.</p>
+ </br>
+ <p>Kopiere das File in dem <b>/Symfony</b> Ordner.</p>
+
+ <pre>
+<span classs="p">*~</span>
+<span classs="p">.DS_Store</span>
+<span classs="p">.bundle</span>
+<span classs="p">db/*.sqlite3</span>
+<span classs="p">log/*.log</span>
+<span classs="p">tmp/**/*</span>
+<span classs="p">env.sh</span>
+<span classs="p">.project</span>
+<span classs="p">/web/bundles/</span>
+<span classs="p">/app/bootstrap*</span>
+<span classs="p">/app/cache/*</span>
+<span classs="p">/app/logs/*</span>
+<span classs="p">/vendor/</span>
+<span classs="p">/app/config/parameters.ini</span>
+ </pre>
+ <p>Danach kannst du das Git Repository anlegen.</p>
+ <pre>
+<span>Symfony$ git init</span>
+<span>Symfony$ git add .</span>
+<span>Symfony$ git commit -m "starting new symfony project"</span>
+ </pre>
+
+ </section>
+ <section id="database">
+ <h1>Datenbank erstellen</h1>
+ <p>Erzeuge zu erst ein Datenbank File, dies sollte mühelos funktionieren wenn die <b>Symfony/app/config/parameters.ini</b> Datei stimmt.</p>
+ <code>Symfony$ php app/console doctrine:database:create</code>
+ <br>
+ <p>Als nächstes generierst du ein <a href="http://symfony.com/doc/master/glossary.html#term-bundle">Bundle</a> in dem deine Aktivitäten stattfinden sollen.
+ <br>Bundles sind quasie Module, die es ermöglichen Aufgaben die sich ständig wiederolen, wie eine API Connection zu Twitter, in eigene Bereiche auszulagern und später eventuell in einem anderen Symfony Projekt wieder zuverwenden.</p>
+ <p>Versuche <a href="http://symfony.com/doc/master/cookbook/bundles/best_practices.html">sprechende Namen</a> f&uuml;r die Bundles und deren Namespace in dem sie sich befinden zu benutzen</p>
+ <p>Der Namespace k&ouml;nnte z.B. der Name der Firma sein f&uuml;r die du das Symfony Projekt erstellst, wie <b>Encom</b> oder <b>Cyberdyn</b>.</p>
+ <p>Der Bundlename s&ouml;llte die T&auml;tigkeit beschreiben die das Bundle ausf&uuml;hrt, wie <b>Encom/TwitterApiConnectorBundle</b> oder <b>Cyberdyn/UserManagementBundle</b>.</p>
+ <br>
+ <p>Erstellen wir doch mal ein Programm um Restaurants zu raten.</p>
+ <code>Symfony$ php app/console generate:bundle --namespace=YourCompany/RestaurantBundle</code><br>
+ <br>
+ <p>In meinem Beispiel gehen wir von folgender Datenbankstruktur aus:</p>
+ <ul class="db_list border"><b>Tabelle: Restaurant</b>
+ <li>- name</li>
+ <li>- startuptime</li>
+ <li>- description</li>
+ </ul>
+ <span class="db_list"><br>1 --- m</span>
+ <ul class="db_list border"><b>Tabelle: Rating</b>
+ <li>- restaurant_id</li>
+ <li>- date</li>
+ <li>- price</li>
+ <li>- delivertime</li>
+ </ul>
+ <div class="clearfix"></div>
+ <br>
+
+ <br>
+ <p><a href="http://www.doctrine-project.org/projects/orm.html">Doctrine</a> kann das Gesamte <a href="http://de.wikipedia.org/wiki/Objektrelationale_Abbildung"> ORM</a> für uns erstellen:</p>
+ <pre>
+<code>Symfony$ php app/console doctrine:generate:entity --entity="OngoingRestaurantBundle:Restaurant" --fields="name:string(255) startuptime:time location:string(255) description:text"</code><br>
+<code>Symfony$ php app/console doctrine:generate:entity --entity="OngoingRestaurantBundle:Rating" --fields="day:date rating:integer price:float delivertime:time"</code><br>
+ </pre>
+ <p>Doctrine hat uns jetzt alle nötigen Entitys im <b>Symfony/src/YourCompany/RestaurantBundle/Entity</b> Verzeichnis erstellt.</p>
+ <p>F&uuml;r Projekte die mehrere Interfaces besitzen sollen (iPhone,Web,API,whatever), bietet es sich an den Datenbankzugrifsskram in ein eigens Bundle zu stecken, um Ihn im iPhone,Web und API Bundle nicht immer wieder neu definieren zu m&uuml;ssen.</p>
+
+ <p>Man kann auch das ORM von einer <a href="http://symfony.com/doc/current/cookbook/doctrine/reverse_engineering.html"> bereits bestehenden Datenbank</a> erzeugen.</p>
+ </section>
+ <section id="relations">
+ <h2>Relations erstellen</h2>
+ <p>Als n&auml;chstes sagen wir Symfony wie es die Entitys zu einander in Relation bringen soll, in dem du die foreign Verbindungen im Entity selbst definierst.</p>
+ <p>Diese Notation nennt sich in Symfony <a href="http://de.wikipedia.org/wiki/Annotation_(Programmierung)">Annotations</a>.
+ Wir schreiben direkt &uuml;ber das Property auskommentiert welche Sonderstellung es haben soll.
+ In unserm fall ist das eine <b>1 zu m</b> Beziehung.
+ Jedes Restaurant kann mehrere Ratings haben, jedes Rating kann nur zu einem Restaurant geh&ouml;ren.
+ Also <a href="http://nubyonrails.com/tools/pluralize">pluralisieren</a> wir den Namen des Propertys -> <b>$ratings</b>.</p>
+ <p>Erstelle die Relations in deiner neuen Entity Klasse nach folgendem Muster:</p>
+ <pre>
+// Symfony/src/YourCompanyBundle/Restaruant/Entity/<b>Restaurant</b>.php
+
+/**
+ * @ORM\<b>OneToMany</b>(targetEntity="Rating", mappedBy="restaurant")
+ */
+protected $ratings;
+
+public function __construct()
+{
+ $this->ratings = new ArrayCollection();
+}
+ </pre>
+ <p>Und das selbe umgekehrt in das Rating Entity was von Restaurant abh&auml;ngt:</p>
+ <pre>
+// Symfony/src/YourCompanyBundleName/Restaruant/Entity/<b>Rating</b>.php
+
+/**
+ * @ORM\<b>ManyToOne</b>(targetEntity="Restaurant", inversedBy="ratings")
+ * @ORM\JoinColumn(name="restaurant_id", referencedColumnName="id")
+ */
+protected $restaurant;
+ </pre>
+ <p>Nachdem du die Relationen konfiguriert hast, musst du noch die Getter- und Settermethoden f&uuml;r alle Property Atribute erstellen.
+ Das k&ouml;nnen wir ebenfalls von Doctrine automatisch erledigen lassen.</p>
+ <code>Symfony$ php app/console doctrine:generate:entities Ongoing</code>
+ <p>Jetzt schreiben wir dieses Schema noch in die Datenbank.</p>
+ <code>Symfony$ php app/console doctrine:schema:update --forc</code>
+ <p>Und fertig.</p>
+ <code>Symfony$ git commit -a -m "DB relations are safe"</code>
+ </section>
+ <section id="templates">
+ <h1>Einfügen der Templates</h1>
+ <p>Kopiere alle Templates (Bootstrap CSS und JQuery Javascript Zeug) in <b>/Symfony/src/YourCompany/RestaurantBundle/Recources/public</b> und erstelle die Symlinks im <b>/web</b> Verzeichnis.</p>
+ <code>Symfony$ php app/console assets:install --symlink web</code>
+ <p>Die Symlinks erscheinen dann im <b>Symfony/web/bundles/yourcompanyrestaurant</b> Ordner. Der <b>/web</b> Ordner ist als einziger &uuml;ber den Webserver zu ereichen.</p>
+ <p>Als n&auml;chstes sagen wir Symfony wo f&uuml;r alle Bundles die Stylesheets und Javascripts zu finden sind.
+ <br>Dies tust du mit folgender <a href="http://twig.sensiolabs.org/doc/templates.html">Twig Syntax</a> in dieser Datei <b>Symfony/app/Resources/view/base.html.twig</b></p>
+ <pre>
+{% stylesheets '@YourcompanyRestaurantBundle/Resources/public/stylesheets/*.css' %}
+ <link rel="stylesheet" type="text/css" href="{{ asset_url }}">
+{% endstylesheets %}
+
+
+{% javascripts '@YourcompanyRestaurantBundle/Resources/public/javascripts/*.js' %}
+ <script src="{{ asset_url }}"></script>
+{% endjavascripts %}
+ </pre>
+ <p>Bei Projekten die mehrere Interfaces haben w&uuml;rde es Sinn machen ein <b>LayoutBundle</b> zu erstellen was nur f&uuml;r das Layout zust&auml;ndig ist.</p>
+
+ <b><i class="icon-info-sign"></i> CSS background-image Bug</b>
+ <p>Background-images in CSS k&oumlnnen nicht &uuml;ber die @Bundlename Notation aufgerufen werden.
+ <br>Behelfsm&auml;ssig funktioniert aber der relative Pfad.</p>
+ <code>background-image: url("../../bundles/yourcompanyrestaurant/img/glyphicons-halflings.png");</code>
+ </section>
+ </div>
+ </div>
+ </div>
+
+ <div class="row-fluid">
+ <footer class="footer">
+
+ </footer>
+ </div>
+ </div>
+ </body>
+</html>
169 stylesheets/app.css
@@ -0,0 +1,169 @@
+body {
+ background-color:#FFF;
+
+}
+
+
+h1
+{
+ margin-top:50px;
+}
+h2
+{
+ margin-top:30px;
+}
+code
+{
+ color:#333;
+ padding:5px;
+ margin-top:20px;
+ margin-bottom:20px;
+}
+.border
+{
+ border: 1px solid;
+ border-color:#313131;
+}
+.marginbottom20
+{
+ margin-bottom:80px;
+}
+.container
+{
+ margin-top:80px;
+}
+
+.content
+{
+ margin-top:10px;
+}
+#logo_symfony
+{
+ margin-left:5px;
+ margin-bottom:30px;
+}
+#sensiolab
+{
+ margin-right:8px;
+}
+/* =========== left navigation bar ===============*/
+.nav-list
+{
+
+}
+.nav-list li
+{
+ list-style: none;
+ padding: 8px 0 8px 10px;
+ border-bottom:1px solid #DDD;
+}
+.nav-list li a
+{
+ font-size: 14px;
+ color: #313131;
+ text-decoration: none;
+ display: block;
+ min-height: 16px;
+ background-image:url("../img/submenu_picto.gif");
+ background-repeat:no-repeat;
+ background-position:right;
+}
+.nav-list li a:hover
+{
+ color:#313131;
+ background-image:url("../img/submenu_picto_hover.gif");
+ background-color:#FFF;
+ text-decoration:underline;
+}
+/* =========== database table list ===============*/
+.db_list
+{
+ padding:15px;
+ margin-top:10px;
+ margin-bottom:10px;
+ list-style-position:inside;
+ list-style-type:none;
+ max-width: 140px;
+ float:left;
+}
+
+
+
+
+.footer
+{
+ margin-top:50px;
+}
+
+/* =========== code enlightment from sensiolabs css file ===============*/
+
+.highlight .hll{background-color:#FFC}
+.highlight{background:#232125}
+.highlight .c{color:#b729d9;font-style:italic}
+.highlight .err{color:#a40000;border:1px solid #ef2929}
+.highlight .g{color:#fff}
+.highlight .k{color:#ff8400}
+.highlight .l{color:#fff}
+.highlight .n{color:#fff}
+.highlight .o{color:#e0882f}
+.highlight .x{color:#fff}
+.highlight .p{color:#999}
+.highlight .cm{color:#b729d9;font-style:italic}
+.highlight .cp{color:#a0a0a0}
+.highlight .c1{color:#b729d9;font-style:italic}
+.highlight .cs{color:#b729d9;font-style:italic}
+.highlight .gd{color:#a40000}
+.highlight .ge{color:#fff;font-style:italic}
+.highlight .gr{color:#ef2929}
+.highlight .gh{color:#000080}
+.highlight .gi{color:#00a000}
+.highlight .go{color:#808080}
+.highlight .gp{color:#745334}
+.highlight .gs{color:#fff;font-weight:bold}
+.highlight .gu{color:#800080;font-weight:bold}
+.highlight .gt{color:#a40000;font-weight:bold}
+.highlight .kc{color:#ff8400}
+.highlight .kd{color:#ff8400}
+.highlight .kn{color:#ff8400}
+.highlight .kp{color:#ff8400}
+.highlight .kr{color:#ff8400}
+.highlight .kt{color:#ff8400}
+.highlight .ld{color:#fff}
+.highlight .m{color:#1299da}
+.highlight .s{color:#56db3a}
+.highlight .na{color:#fff}
+.highlight .nb{color:#fff}
+.highlight .nc{color:#fff}
+.highlight .no{color:#fff}
+.highlight .nd{color:#808080}
+.highlight .ni{color:#ce5c00}
+.highlight .ne{color:#c00}
+.highlight .nf{color:#fff}
+.highlight .nl{color:#f57900}
+.highlight .nn{color:#fff}
+.highlight .nx{color:#fff}
+.highlight .py{color:#fff}
+.highlight .nt{color:#ccc}
+.highlight .nv{color:#fff}
+.highlight .ow{color:#e0882f}
+.highlight .w{color:#f8f8f8;text-decoration:underline}
+.highlight .mf{color:#1299da}
+.highlight .mh{color:#1299da}
+.highlight .mi{color:#1299da}
+.highlight .mo{color:#1299da}
+.highlight .sb{color:#56db3a}
+.highlight .sc{color:#56db3a}
+.highlight .sd{color:#b729d9;font-style:italic}
+.highlight .s2{color:#56db3a}
+.highlight .se{color:#56db3a}
+.highlight .sh{color:#56db3a}
+.highlight .si{color:#56db3a}
+.highlight .sx{color:#56db3a}
+.highlight .sr{color:#56db3a}
+.highlight .s1{color:#56db3a}
+.highlight .ss{color:#56db3a}
+.highlight .bp{color:#3465a4}
+.highlight .vc{color:#fff}
+.highlight .vg{color:#fff}
+.highlight .vi{color:#fff}
+.highlight .il{color:#1299da}
1,040 stylesheets/bootstrap-responsive.css
@@ -0,0 +1,1040 @@
+/*!
+ * Bootstrap Responsive v2.1.0
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+
+.clearfix {
+ *zoom: 1;
+}
+
+.clearfix:before,
+.clearfix:after {
+ display: table;
+ line-height: 0;
+ content: "";
+}
+
+.clearfix:after {
+ clear: both;
+}
+
+.hide-text {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
+}
+
+.input-block-level {
+ display: block;
+ width: 100%;
+ min-height: 30px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.hidden {
+ display: none;
+ visibility: hidden;
+}
+
+.visible-phone {
+ display: none !important;
+}
+
+.visible-tablet {
+ display: none !important;
+}
+
+.hidden-desktop {
+ display: none !important;
+}
+
+.visible-desktop {
+ display: inherit !important;
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+ .hidden-desktop {
+ display: inherit !important;
+ }
+ .visible-desktop {
+ display: none !important ;
+ }
+ .visible-tablet {
+ display: inherit !important;
+ }
+ .hidden-tablet {
+ display: none !important;
+ }
+}
+
+@media (max-width: 767px) {
+ .hidden-desktop {
+ display: inherit !important;
+ }
+ .visible-desktop {
+ display: none !important;
+ }
+ .visible-phone {
+ display: inherit !important;
+ }
+ .hidden-phone {
+ display: none !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .row {
+ margin-left: -30px;
+ *zoom: 1;
+ }
+ .row:before,
+ .row:after {
+ display: table;
+ line-height: 0;
+ content: "";
+ }
+ .row:after {
+ clear: both;
+ }
+ [class*="span"] {
+ float: left;
+ margin-left: 30px;
+ }
+ .container,
+ .navbar-static-top .container,
+ .navbar-fixed-top .container,
+ .navbar-fixed-bottom .container {
+ width: 1170px;
+ }
+ .span12 {
+ width: 1170px;
+ }
+ .span11 {
+ width: 1070px;
+ }
+ .span10 {
+ width: 970px;
+ }
+ .span9 {
+ width: 870px;
+ }
+ .span8 {
+ width: 770px;
+ }
+ .span7 {
+ width: 670px;
+ }
+ .span6 {
+ width: 570px;
+ }
+ .span5 {
+ width: 470px;
+ }
+ .span4 {
+ width: 370px;
+ }
+ .span3 {
+ width: 270px;
+ }
+ .span2 {
+ width: 170px;
+ }
+ .span1 {
+ width: 70px;
+ }
+ .offset12 {
+ margin-left: 1230px;
+ }
+ .offset11 {
+ margin-left: 1130px;
+ }
+ .offset10 {
+ margin-left: 1030px;
+ }
+ .offset9 {
+ margin-left: 930px;
+ }
+ .offset8 {
+ margin-left: 830px;
+ }
+ .offset7 {
+ margin-left: 730px;
+ }
+ .offset6 {
+ margin-left: 630px;
+ }
+ .offset5 {
+ margin-left: 530px;
+ }
+ .offset4 {
+ margin-left: 430px;
+ }
+ .offset3 {
+ margin-left: 330px;
+ }
+ .offset2 {
+ margin-left: 230px;
+ }
+ .offset1 {
+ margin-left: 130px;
+ }
+ .row-fluid {
+ width: 100%;
+ *zoom: 1;
+ }
+ .row-fluid:before,
+ .row-fluid:after {
+ display: table;
+ line-height: 0;
+ content: "";
+ }
+ .row-fluid:after {
+ clear: both;
+ }
+ .row-fluid [class*="span"] {
+ display: block;
+ float: left;
+ width: 100%;
+ min-height: 30px;
+ margin-left: 2.564102564102564%;
+ *margin-left: 2.5109110747408616%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ .row-fluid [class*="span"]:first-child {
+ margin-left: 0;
+ }
+ .row-fluid .span12 {
+ width: 100%;
+ *width: 99.94680851063829%;
+ }
+ .row-fluid .span11 {
+ width: 91.45299145299145%;
+ *width: 91.39979996362975%;
+ }
+ .row-fluid .span10 {
+ width: 82.90598290598291%;
+ *width: 82.8527914166212%;
+ }
+ .row-fluid .span9 {
+ width: 74.35897435897436%;
+ *width: 74.30578286961266%;
+ }
+ .row-fluid .span8 {
+ width: 65.81196581196582%;
+ *width: 65.75877432260411%;
+ }
+ .row-fluid .span7 {
+ width: 57.26495726495726%;
+ *width: 57.21176577559556%;
+ }
+ .row-fluid .span6 {
+ width: 48.717948717948715%;
+ *width: 48.664757228587014%;
+ }
+ .row-fluid .span5 {
+ width: 40.17094017094017%;
+ *width: 40.11774868157847%;
+ }
+ .row-fluid .span4 {
+ width: 31.623931623931625%;
+ *width: 31.570740134569924%;
+ }
+ .row-fluid .span3 {
+ width: 23.076923076923077%;
+ *width: 23.023731587561375%;
+ }
+ .row-fluid .span2 {
+ width: 14.52991452991453%;
+ *width: 14.476723040552828%;
+ }
+ .row-fluid .span1 {
+ width: 5.982905982905983%;
+ *width: 5.929714493544281%;
+ }
+ .row-fluid .offset12 {
+ margin-left: 105.12820512820512%;
+ *margin-left: 105.02182214948171%;
+ }
+ .row-fluid .offset12:first-child {
+ margin-left: 102.56410256410257%;
+ *margin-left: 102.45771958537915%;
+ }
+ .row-fluid .offset11 {
+ margin-left: 96.58119658119658%;
+ *margin-left: 96.47481360247316%;
+ }
+ .row-fluid .offset11:first-child {
+ margin-left: 94.01709401709402%;
+ *margin-left: 93.91071103837061%;
+ }
+ .row-fluid .offset10 {
+ margin-left: 88.03418803418803%;
+ *margin-left: 87.92780505546462%;
+ }
+ .row-fluid .offset10:first-child {
+ margin-left: 85.47008547008548%;
+ *margin-left: 85.36370249136206%;
+ }
+ .row-fluid .offset9 {
+ margin-left: 79.48717948717949%;
+ *margin-left: 79.38079650845607%;
+ }
+ .row-fluid .offset9:first-child {
+ margin-left: 76.92307692307693%;
+ *margin-left: 76.81669394435352%;
+ }
+ .row-fluid .offset8 {
+ margin-left: 70.94017094017094%;
+ *margin-left: 70.83378796144753%;
+ }
+ .row-fluid .offset8:first-child {
+ margin-left: 68.37606837606839%;
+ *margin-left: 68.26968539734497%;
+ }
+ .row-fluid .offset7 {
+ margin-left: 62.393162393162385%;
+ *margin-left: 62.28677941443899%;
+ }
+ .row-fluid .offset7:first-child {
+ margin-left: 59.82905982905982%;
+ *margin-left: 59.72267685033642%;
+ }
+ .row-fluid .offset6 {
+ margin-left: 53.84615384615384%;
+ *margin-left: 53.739770867430444%;
+ }
+ .row-fluid .offset6:first-child {
+ margin-left: 51.28205128205128%;
+ *margin-left: 51.175668303327875%;
+ }
+ .row-fluid .offset5 {
+ margin-left: 45.299145299145295%;
+ *margin-left: 45.1927623204219%;
+ }
+ .row-fluid .offset5:first-child {
+ margin-left: 42.73504273504273%;
+ *margin-left: 42.62865975631933%;
+ }
+ .row-fluid .offset4 {
+ margin-left: 36.75213675213675%;
+ *margin-left: 36.645753773413354%;
+ }
+ .row-fluid .offset4:first-child {
+ margin-left: 34.18803418803419%;
+ *margin-left: 34.081651209310785%;
+ }
+ .row-fluid .offset3 {
+ margin-left: 28.205128205128204%;
+ *margin-left: 28.0987452264048%;
+ }
+ .row-fluid .offset3:first-child {
+ margin-left: 25.641025641025642%;
+ *margin-left: 25.53464266230224%;
+ }
+ .row-fluid .offset2 {
+ margin-left: 19.65811965811966%;
+ *margin-left: 19.551736679396257%;
+ }
+ .row-fluid .offset2:first-child {
+ margin-left: 17.094017094017094%;
+ *margin-left: 16.98763411529369%;
+ }
+ .row-fluid .offset1 {
+ margin-left: 11.11111111111111%;
+ *margin-left: 11.004728132387708%;
+ }
+ .row-fluid .offset1:first-child {
+ margin-left: 8.547008547008547%;
+ *margin-left: 8.440625568285142%;
+ }
+ input,
+ textarea,
+ .uneditable-input {
+ margin-left: 0;
+ }
+ .controls-row [class*="span"] + [class*="span"] {
+ margin-left: 30px;
+ }
+ input.span12,
+ textarea.span12,
+ .uneditable-input.span12 {
+ width: 1156px;
+ }
+ input.span11,
+ textarea.span11,
+ .uneditable-input.span11 {
+ width: 1056px;
+ }
+ input.span10,
+ textarea.span10,
+ .uneditable-input.span10 {
+ width: 956px;
+ }
+ input.span9,
+ textarea.span9,
+ .uneditable-input.span9 {
+ width: 856px;
+ }
+ input.span8,
+ textarea.span8,
+ .uneditable-input.span8 {
+ width: 756px;
+ }
+ input.span7,
+ textarea.span7,
+ .uneditable-input.span7 {
+ width: 656px;
+ }
+ input.span6,
+ textarea.span6,
+ .uneditable-input.span6 {
+ width: 556px;
+ }
+ input.span5,
+ textarea.span5,
+ .uneditable-input.span5 {
+ width: 456px;
+ }
+ input.span4,
+ textarea.span4,
+ .uneditable-input.span4 {
+ width: 356px;
+ }
+ input.span3,
+ textarea.span3,
+ .uneditable-input.span3 {
+ width: 256px;
+ }
+ input.span2,
+ textarea.span2,
+ .uneditable-input.span2 {
+ width: 156px;
+ }
+ input.span1,
+ textarea.span1,
+ .uneditable-input.span1 {
+ width: 56px;
+ }
+ .thumbnails {
+ margin-left: -30px;
+ }
+ .thumbnails > li {
+ margin-left: 30px;
+ }
+ .row-fluid .thumbnails {
+ margin-left: 0;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+ .row {
+ margin-left: -20px;
+ *zoom: 1;
+ }
+ .row:before,
+ .row:after {
+ display: table;
+ line-height: 0;
+ content: "";
+ }
+ .row:after {
+ clear: both;
+ }
+ [class*="span"] {
+ float: left;
+ margin-left: 20px;
+ }
+ .container,
+ .navbar-static-top .container,
+ .navbar-fixed-top .container,
+ .navbar-fixed-bottom .container {
+ width: 724px;
+ }
+ .span12 {
+ width: 724px;
+ }
+ .span11 {
+ width: 662px;
+ }
+ .span10 {
+ width: 600px;
+ }
+ .span9 {
+ width: 538px;
+ }
+ .span8 {
+ width: 476px;
+ }
+ .span7 {
+ width: 414px;
+ }
+ .span6 {
+ width: 352px;
+ }
+ .span5 {
+ width: 290px;
+ }
+ .span4 {
+ width: 228px;
+ }
+ .span3 {
+ width: 166px;
+ }
+ .span2 {
+ width: 104px;
+ }
+ .span1 {
+ width: 42px;
+ }
+ .offset12 {
+ margin-left: 764px;
+ }
+ .offset11 {
+ margin-left: 702px;
+ }
+ .offset10 {
+ margin-left: 640px;
+ }
+ .offset9 {
+ margin-left: 578px;
+ }
+ .offset8 {
+ margin-left: 516px;
+ }
+ .offset7 {
+ margin-left: 454px;
+ }
+ .offset6 {
+ margin-left: 392px;
+ }
+ .offset5 {
+ margin-left: 330px;
+ }
+ .offset4 {
+ margin-left: 268px;
+ }
+ .offset3 {
+ margin-left: 206px;
+ }
+ .offset2 {
+ margin-left: 144px;
+ }
+ .offset1 {
+ margin-left: 82px;
+ }
+ .row-fluid {
+ width: 100%;
+ *zoom: 1;
+ }
+ .row-fluid:before,
+ .row-fluid:after {
+ display: table;
+ line-height: 0;
+ content: "";
+ }
+ .row-fluid:after {
+ clear: both;
+ }
+ .row-fluid [class*="span"] {
+ display: block;
+ float: left;
+ width: 100%;
+ min-height: 30px;
+ margin-left: 2.7624309392265194%;
+ *margin-left: 2.709239449864817%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ .row-fluid [class*="span"]:first-child {
+ margin-left: 0;
+ }
+ .row-fluid .span12 {
+ width: 100%;
+ *width: 99.94680851063829%;
+ }
+ .row-fluid .span11 {
+ width: 91.43646408839778%;
+ *width: 91.38327259903608%;
+ }
+ .row-fluid .span10 {
+ width: 82.87292817679558%;
+ *width: 82.81973668743387%;
+ }
+ .row-fluid .span9 {
+ width: 74.30939226519337%;
+ *width: 74.25620077583166%;
+ }
+ .row-fluid .span8 {
+ width: 65.74585635359117%;
+ *width: 65.69266486422946%;
+ }
+ .row-fluid .span7 {
+ width: 57.18232044198895%;
+ *width: 57.12912895262725%;
+ }
+ .row-fluid .span6 {
+ width: 48.61878453038674%;
+ *width: 48.56559304102504%;
+ }
+ .row-fluid .span5 {
+ width: 40.05524861878453%;
+ *width: 40.00205712942283%;
+ }
+ .row-fluid .span4 {
+ width: 31.491712707182323%;
+ *width: 31.43852121782062%;
+ }
+ .row-fluid .span3 {
+ width: 22.92817679558011%;
+ *width: 22.87498530621841%;
+ }
+ .row-fluid .span2 {
+ width: 14.3646408839779%;
+ *width: 14.311449394616199%;
+ }
+ .row-fluid .span1 {
+ width: 5.801104972375691%;
+ *width: 5.747913483013988%;
+ }
+ .row-fluid .offset12 {
+ margin-left: 105.52486187845304%;
+ *margin-left: 105.41847889972962%;
+ }
+ .row-fluid .offset12:first-child {
+ margin-left: 102.76243093922652%;
+ *margin-left: 102.6560479605031%;
+ }
+ .row-fluid .offset11 {
+ margin-left: 96.96132596685082%;
+ *margin-left: 96.8549429881274%;
+ }
+ .row-fluid .offset11:first-child {
+ margin-left: 94.1988950276243%;
+ *margin-left: 94.09251204890089%;
+ }
+ .row-fluid .offset10 {
+ margin-left: 88.39779005524862%;
+ *margin-left: 88.2914070765252%;
+ }
+ .row-fluid .offset10:first-child {
+ margin-left: 85.6353591160221%;
+ *margin-left: 85.52897613729868%;
+ }
+ .row-fluid .offset9 {
+ margin-left: 79.8342541436464%;
+ *margin-left: 79.72787116492299%;
+ }
+ .row-fluid .offset9:first-child {
+ margin-left: 77.07182320441989%;
+ *margin-left: 76.96544022569647%;
+ }
+ .row-fluid .offset8 {
+ margin-left: 71.2707182320442%;
+ *margin-left: 71.16433525332079%;
+ }
+ .row-fluid .offset8:first-child {
+ margin-left: 68.50828729281768%;
+ *margin-left: 68.40190431409427%;
+ }
+ .row-fluid .offset7 {
+ margin-left: 62.70718232044199%;
+ *margin-left: 62.600799341718584%;
+ }
+ .row-fluid .offset7:first-child {
+ margin-left: 59.94475138121547%;
+ *margin-left: 59.838368402492065%;
+ }
+ .row-fluid .offset6 {
+ margin-left: 54.14364640883978%;
+ *margin-left: 54.037263430116376%;
+ }
+ .row-fluid .offset6:first-child {
+ margin-left: 51.38121546961326%;
+ *margin-left: 51.27483249088986%;
+ }
+ .row-fluid .offset5 {
+ margin-left: 45.58011049723757%;
+ *margin-left: 45.47372751851417%;
+ }
+ .row-fluid .offset5:first-child {
+ margin-left: 42.81767955801105%;
+ *margin-left: 42.71129657928765%;
+ }
+ .row-fluid .offset4 {
+ margin-left: 37.01657458563536%;
+ *margin-left: 36.91019160691196%;
+ }
+ .row-fluid .offset4:first-child {
+ margin-left: 34.25414364640884%;
+ *margin-left: 34.14776066768544%;
+ }
+ .row-fluid .offset3 {
+ margin-left: 28.45303867403315%;
+ *margin-left: 28.346655695309746%;
+ }
+ .row-fluid .offset3:first-child {
+ margin-left: 25.69060773480663%;
+ *margin-left: 25.584224756083227%;
+ }
+ .row-fluid .offset2 {
+ margin-left: 19.88950276243094%;
+ *margin-left: 19.783119783707537%;
+ }
+ .row-fluid .offset2:first-child {
+ margin-left: 17.12707182320442%;
+ *margin-left: 17.02068884448102%;
+ }
+ .row-fluid .offset1 {
+ margin-left: 11.32596685082873%;
+ *margin-left: 11.219583872105325%;
+ }
+ .row-fluid .offset1:first-child {
+ margin-left: 8.56353591160221%;
+ *margin-left: 8.457152932878806%;
+ }
+ input,
+ textarea,
+ .uneditable-input {
+ margin-left: 0;
+ }
+ .controls-row [class*="span"] + [class*="span"] {
+ margin-left: 20px;
+ }
+ input.span12,
+ textarea.span12,
+ .uneditable-input.span12 {
+ width: 710px;
+ }
+ input.span11,
+ textarea.span11,
+ .uneditable-input.span11 {
+ width: 648px;
+ }
+ input.span10,
+ textarea.span10,
+ .uneditable-input.span10 {
+ width: 586px;
+ }
+ input.span9,
+ textarea.span9,
+ .uneditable-input.span9 {
+ width: 524px;
+ }
+ input.span8,
+ textarea.span8,
+ .uneditable-input.span8 {
+ width: 462px;
+ }
+ input.span7,
+ textarea.span7,
+ .uneditable-input.span7 {
+ width: 400px;
+ }
+ input.span6,
+ textarea.span6,
+ .uneditable-input.span6 {
+ width: 338px;
+ }
+ input.span5,
+ textarea.span5,
+ .uneditable-input.span5 {
+ width: 276px;
+ }
+ input.span4,
+ textarea.span4,
+ .uneditable-input.span4 {
+ width: 214px;
+ }
+ input.span3,
+ textarea.span3,
+ .uneditable-input.span3 {
+ width: 152px;
+ }
+ input.span2,
+ textarea.span2,
+ .uneditable-input.span2 {
+ width: 90px;
+ }
+ input.span1,
+ textarea.span1,
+ .uneditable-input.span1 {
+ width: 28px;
+ }
+}
+
+@media (max-width: 767px) {
+ body {
+ padding-right: 20px;
+ padding-left: 20px;
+ }
+ .navbar-fixed-top,
+ .navbar-fixed-bottom {
+ margin-right: -20px;
+ margin-left: -20px;
+ }
+ .container-fluid {
+ padding: 0;
+ }
+ .dl-horizontal dt {
+ float: none;
+ width: auto;
+ clear: none;
+ text-align: left;
+ }
+ .dl-horizontal dd {
+ margin-left: 0;
+ }
+ .container {
+ width: auto;
+ }
+ .row-fluid {
+ width: 100%;
+ }
+ .row,
+ .thumbnails {
+ margin-left: 0;
+ }
+ .thumbnails > li {
+ float: none;
+ margin-left: 0;
+ }
+ [class*="span"],
+ .row-fluid [class*="span"] {
+ display: block;
+ float: none;
+ width: auto;
+ margin-left: 0;
+ }
+ .span12,
+ .row-fluid .span12 {
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ .input-large,
+ .input-xlarge,
+ .input-xxlarge,
+ input[class*="span"],
+ select[class*="span"],
+ textarea[class*="span"],
+ .uneditable-input {
+ display: block;
+ width: 100%;
+ min-height: 30px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ .input-prepend input,
+ .input-append input,
+ .input-prepend input[class*="span"],
+ .input-append input[class*="span"] {
+ display: inline-block;
+ width: auto;
+ }
+ .modal {
+ position: fixed;
+ top: 20px;
+ right: 20px;
+ left: 20px;
+ width: auto;
+ margin: 0;
+ }
+ .modal.fade.in {
+ top: auto;
+ }
+}
+
+@media (max-width: 480px) {
+ .nav-collapse {
+ -webkit-transform: translate3d(0, 0, 0);
+ }
+ .page-header h1 small {
+ display: block;
+ line-height: 20px;
+ }
+ input[type="checkbox"],
+ input[type="radio"] {
+ border: 1px solid #ccc;
+ }
+ .form-horizontal .control-group > label {
+ float: none;
+ width: auto;
+ padding-top: 0;
+ text-align: left;
+ }
+ .form-horizontal .controls {
+ margin-left: 0;
+ }
+ .form-horizontal .control-list {
+ padding-top: 0;
+ }
+ .form-horizontal .form-actions {
+ padding-right: 10px;
+ padding-left: 10px;
+ }
+ .modal {
+ top: 10px;
+ right: 10px;
+ left: 10px;
+ }
+ .modal-header .close {
+ padding: 10px;
+ margin: -10px;
+ }
+ .carousel-caption {
+ position: static;
+ }
+}
+
+@media (max-width: 979px) {
+ body {
+ padding-top: 0;
+ }
+ .navbar-fixed-top,
+ .navbar-fixed-bottom {
+ position: static;
+ }
+ .navbar-fixed-top {
+ margin-bottom: 20px;
+ }
+ .navbar-fixed-bottom {
+ margin-top: 20px;
+ }
+ .navbar-fixed-top .navbar-inner,
+ .navbar-fixed-bottom .navbar-inner {
+ padding: 5px;
+ }
+ .navbar .container {
+ width: auto;
+ padding: 0;
+ }
+ .navbar .brand {
+ padding-right: 10px;
+ padding-left: 10px;
+ margin: 0 0 0 -5px;
+ }
+ .nav-collapse {
+ clear: both;
+ }
+ .nav-collapse .nav {
+ float: none;
+ margin: 0 0 10px;
+ }
+ .nav-collapse .nav > li {
+ float: none;
+ }
+ .nav-collapse .nav > li > a {
+ margin-bottom: 2px;
+ }
+ .nav-collapse .nav > .divider-vertical {
+ display: none;
+ }
+ .nav-collapse .nav .nav-header {
+ color: #555555;
+ text-shadow: none;
+ }
+ .nav-collapse .nav > li > a,
+ .nav-collapse .dropdown-menu a {
+ padding: 9px 15px;
+ font-weight: bold;
+ color: #555555;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ }
+ .nav-collapse .btn {
+ padding: 4px 10px 4px;
+ font-weight: normal;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ }
+ .nav-collapse .dropdown-menu li + li a {
+ margin-bottom: 2px;
+ }
+ .nav-collapse .nav > li > a:hover,
+ .nav-collapse .dropdown-menu a:hover {
+ background-color: #f2f2f2;
+ }
+ .navbar-inverse .nav-collapse .nav > li > a:hover,
+ .navbar-inverse .nav-collapse .dropdown-menu a:hover {
+ background-color: #111111;
+ }
+ .nav-collapse.in .btn-group {
+ padding: 0;
+ margin-top: 5px;
+ }
+ .nav-collapse .dropdown-menu {
+ position: static;
+ top: auto;
+ left: auto;
+ display: block;
+ float: none;
+ max-width: none;
+ padding: 0;
+ margin: 0 15px;
+ background-color: transparent;
+ border: none;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ }
+ .nav-collapse .dropdown-menu:before,
+ .nav-collapse .dropdown-menu:after {
+ display: none;
+ }
+ .nav-collapse .dropdown-menu .divider {
+ display: none;
+ }
+ .nav-collapse .navbar-form,
+ .nav-collapse .navbar-search {
+ float: none;
+ padding: 10px 15px;
+ margin: 10px 0;
+ border-top: 1px solid #f2f2f2;
+ border-bottom: 1px solid #f2f2f2;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ }
+ .navbar .nav-collapse .nav.pull-right {
+ float: none;
+ margin-left: 0;
+ }
+ .nav-collapse,
+ .nav-collapse.collapse {
+ height: 0;
+ overflow: hidden;
+ }
+ .navbar .btn-navbar {
+ display: block;
+ }
+ .navbar-static .navbar-inner {
+ padding-right: 10px;
+ padding-left: 10px;
+ }
+}
+
+@media (min-width: 980px) {
+ .nav-collapse.collapse {
+ height: auto !important;
+ overflow: visible !important;
+ }
+}
5,624 stylesheets/bootstrap.css
5,624 additions, 0 deletions not shown
Please sign in to comment.
Something went wrong with that request. Please try again.