2017-12-29 8 views
0

Ich wollte ein Layout mit Hintergrundfarbe Orange erstellen und ein Bild und Text in der linken und rechten Schwerkraft in diesem Layout platzieren. In nativen kann ich eine lineare Layout erstellen und über requirements.But erreichen, wie eine Layout-Typ-Komponente mit Hintergrundfarbe zu erstellen und zu arbeiten Bild in Text in diese Komponente in ionischem RahmenSo erstellen Sie Layout-Komponenten in ionischen Rahmen

+0

Wie wäre es, wenn Sie ein div oder eine Klasse erstellen und die CSS-Eigenschaften dafür verwenden? –

Antwort

0
<!DOCTYPE html> 
<html> 

<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title>Untitled</title> 
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> 
<link rel="stylesheet" href="assets/css/styles.css"> 
</head> 

<body> 
<div> 
    <div class="col-md-6"> 
     <h1>text is here!</h1></div> 
    <div class="col-md-6"><img src="assets/img/Screenshot (236).png"></div> 
</div> 
<script src="assets/js/jquery.min.js"></script> 
<script src="assets/bootstrap/js/bootstrap.min.js"></script> 

einfügen

hier geht die Style-Datei AKA CSS

div{ 
    background-color:yellow; 
} 

back{ 
} 

body{ 
    background-color:yellow; 
} 

enter image description here

Verwandte Themen