css - 在 ionic 中尝试网格系统时出现问题

Question

我是 ionic 框架的新手 我需要完成这个 View

我试过这个东西

    <div class="row">
        <div class="col col-80"> 
          <div class="row">
            <img src="{{jobDetails.category.name}}.png" class="col col-10" width="30">
            <span class="heading col col-10" ng-bind="jobDetails.category.name"></span> 
            (<span ng-bind="jobDetails.subcategory.subCategoryName" class="heading"></span>)
          </div>
       </div> 
   </div>

但我无法在那里获得正确的 View

任何帮助将不胜感激

Answer 1

希望我的回答对您有所帮助:

 <div>
      <div class="row">
        <div class="col col-10">
          <img src="" alt="not available">
        </div>
        <div class="col col-90">
          <span>
            Text goes here
          </span>
        </div>
      </div>
      <p>If the text extends in the first row ..</p>
    </div>