Yii Framework Forum: Bootstrap und MediaQuerys funktioniert nicht - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Bootstrap und MediaQuerys funktioniert nicht Rate Topic: -----

#1 User is offline   tklustig 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 421
  • Joined: 20-April 17
  • Location:Hannover

Posted 29 June 2018 - 11:56 AM

Hallo Leute, zunächst veröffentliche ich 2Anhänge: Der Erste zeigt meine Applikation auf einem großen Bildschirm, der Zweite auf einem Smartphone.Ich muss elfmalPosted Image auf dem Bildschirm die Tabelle verschieben, um alles an Inhalt zu erfassen. Das macht kein Mensch. Der klickt die Seite weg. Wie muss ich also vorgehen, damit die Tabelle(GridView / kartik) auf einem Smartphone skaliert wird?Hier die LayoutFile:


?php

use yii\helpers\Html;
use common\classes\AssetBundle;
?>
<?php
AssetBundle::register($this);
?>
<?php $this->beginPage() ?>
<!Doctype html> <!-- Definition des doctype-Modus -->
<html> <!-- Definition des Stammverzeichnises -->
    <head> <!-- Definition des Kopfbereiches -->
        <meta charset="utf-8"> <!-- charset[utf-8:]  definiert den deutschen Zeichensatz -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title><?= Html::encode($this->title) ?></title>
        <style>
            body{
                background-color: #D8D8D8 !important;
            }
        </style>
        <?php $this->head() ?>
    </head>
    <body>
        <?php $this->beginBody() ?>
        <?= $content ?>
        <?php $this->endBody() ?>
    </body>
</html>
<?php $this->endPage() ?>



und hier die Assetklasse:

<?php

namespace common\classes;

class AssetBundle extends \yii\web\AssetBundle {

    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
            //'css/font-awesome.min.css',
            //'css/lightbox.min.css'
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
        'yii\bootstrap\BootstrapPluginAsset',
    ];

    public function init() {
        parent::init();
        $this->publishOptions['beforeCopy'] = function ($from, $to) {
            return preg_match('%(/|\\\\)(fonts|css)%', $from);
        };
    }
}

Attached File(s)


0

#2 User is offline   tklustig 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 421
  • Joined: 20-April 17
  • Location:Hannover

Posted 29 June 2018 - 02:09 PM

Hier noch meine GridView

<div class="table-responsive">
    <?=
    GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'tableOptions' => ['class' => 'table-responsive'],
        'responsiveWrap' => true,
        'columns' => $gridColumn,
        'panel' => [
            'type' => GridView::TYPE_PRIMARY,
            'before' => Html::a('<i class="glyphicon glyphicon-plus"></i> zur Übersicht', ['/immobilien/preview'], ['class' => 'btn btn-info']),
            'after' => Html::a('<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>Termin vereinbaren', ['/immobilien/termin'], ['class' => 'btn btn-success']),
            'heading' => '<span class="glyphicon glyphicon-book"></span>  ' . Html::encode($this->title),
            'class' => 'danger',
            'class' => 'table-responsive'
        ],
        'toolbar' => [
            '{export}',
            '{toggleData}'
        ],
    ]);
    ?>
</div>


0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users