Problem mit Bootstrap
Eingetragen von KiLLAH89 (181)am 13.09.2013 - 01:34 Uhr in
Guten Abend,
ich habe ein Problem mit Bootstrap (http://drupal.org/project/bootstrap) und der Distribution Panopoly (http://drupal.org/project/panopoly). Und zwar sieht es wie folgt aus, wenn ich mir Inhalte ansehe, hier ein Bild:
https://docs.google.com/file/d/0B0uqsBYPx2xFVmk4aGoxVElzcGs/edit?usp=sha...
Nun ist die Frage, wie ich es wieder hinbekomme, dass der Text wie markiert nicht überlappt und an den Anfang der Node setze (siehe Pfeil)? Ich habe an der CSS nichts großartiges vorgenommen, hier der Code:
/* =============================================================================
Typography
========================================================================== */
@font-face {
font-family: 'Source Sans';
src: url('fonts/sourcesanspro-regular-webfont.eot');
src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Sans';
src: url('fonts/sourcesanspro-it-webfont.eot');
src: url('fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-it-webfont.woff') format('woff'),
url('fonts/sourcesanspro-it-webfont.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Source Sans';
src: url('fonts/sourcesanspro-bold-webfont.eot');
src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Source Sans';
src: url('fonts/sourcesanspro-boldit-webfont.eot');
src: url('fonts/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-boldit-webfont.woff') format('woff'),
url('fonts/sourcesanspro-boldit-webfont.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Source Sans Semibold';
src: url('fonts/sourcesanspro-semibold-webfont.eot');
src: url('fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
url('fonts/sourcesanspro-semibold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Semibold';
src: url('fonts/sourcesanspro-semiboldit-webfont.eot');
src: url('fonts/sourcesanspro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-semiboldit-webfont.woff') format('woff'),
url('fonts/sourcesanspro-semiboldit-webfont.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Source Sans Light';
src: url('fonts/sourcesanspro-light-webfont.eot');
src: url('fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-light-webfont.woff') format('woff'),
url('fonts/sourcesanspro-light-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Light';
src: url('fonts/sourcesanspro-lightit-webfont.eot');
src: url('fonts/sourcesanspro-lightit-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-lightit-webfont.woff') format('woff'),
url('fonts/sourcesanspro-lightit-webfont.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Source Sans Extra Light';
src: url('fonts/sourcesanspro-extralight-webfont.eot');
src: url('fonts/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-extralight-webfont.woff') format('woff'),
url('fonts/sourcesanspro-extralight-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Extra Light';
src: url('fonts/sourcesanspro-extralightit-webfont.eot');
src: url('fonts/sourcesanspro-extralightit-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-extralightit-webfont.woff') format('woff'),
url('fonts/sourcesanspro-extralightit-webfont.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Source Sans Black';
src: url('fonts/sourcesanspro-black-webfont.eot');
src: url('fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-black-webfont.woff') format('woff'),
url('fonts/sourcesanspro-black-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Sans Black';
src: url('fonts/sourcesanspro-blackit-webfont.eot');
src: url('fonts/sourcesanspro-blackit-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/sourcesanspro-blackit-webfont.woff') format('woff'),
url('fonts/sourcesanspro-blackit-webfont.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
body {
background: #fff url("../images/spark_bg_tile.png");
}
/* =============================================================================
Tabs
========================================================================== */
.nav-tabs {
border:0 solid transparent;
margin: 0;
padding:0;
line-height:2em;
}
.nav-tabs li a {
background: rgba(0,0,0,0.06);
color: #555;
}
.nav-tabs li.active a {
}
.nav-tabs li a.active:hover {
}
.nav-tabs li a:hover {
background: rgba(0,0,0,0.08);
color: #333;
}
/* =============================================================================
Page
========================================================================== */
.panels-ipe-display-container {
clear:left;
background-color:#fff;
padding:35px 30px 0;
border:1px solid #dddddd;
-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.03);
-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.03);
box-shadow: 0 0 3px 3px rgba(0,0,0,0.03);
}
.node-panopoly-page {
clear:left;
background-color:#fff;
padding:35px 30px 0;
margin-top: 5px;
border:1px solid #dddddd;
-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.03);
-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.03);
box-shadow: 0 0 3px 3px rgba(0,0,0,0.03);
}
h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
h1.page-header {
font-size: 3em;
font-family: 'Source Sans Light';
font-weight: normal;
}Ich bedanke mich schon mal für eure Hilfe.
Gruß,
Marvin
- Anmelden oder Registrieren um Kommentare zu schreiben
Ohne den HTML Code zu sehen
am 13.09.2013 - 11:48 Uhr
Ohne den HTML Code zu sehen wird es schwierig dir zu helfen.
Versuch mal in Firebug rauszubekommen welches Element das ist und welche Klassen dafür definiert sind.
Ich habe mal im
am 13.09.2013 - 12:33 Uhr
Ich habe mal im Entwicklertool für Google Chrome nachgesehen und da werden folgende Klassen definiert:
boxton-container boxton-content boxton-content-region panel-panelSowie die Nodes auf der Startseite angezeigt werden.panels-ipe-display-container panels-ipe-processedbryant-container bryant-content-container clearfixDas sind die Klassen für die einzelnen Nodes.
Danke
Gruß,
Marvin