Bootstrap Grid Layout не будет отображаться в Outlook для мобильных и настольных клиентов - PullRequest
0 голосов
/ 20 марта 2019

Мне интересно, есть ли что-то особенное, что я должен рассмотреть, чтобы bootrap работал в Outlook Desktop и ios Client.У меня есть очень простой код, который я использую для отправки обновлений пользователям, и он хорошо отображается в Apple Mail, а также, если я открываю элемент в IE или chrome, он тоже хорошо показывает.Так что больше всего мне чего-то не хватает, чтобы он работал в Outlook.Ниже мой простой документ

<html>
<head>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
</head>
<body>
        <div class="container">
                <div class="row">
                  <div class="col-sm-4 bg-primary text-white ">Send To</div>
                  <div class="col-sm-8 font-weight-bold">${info.mailto}</div>
                </div>
                <div class="row">
                        <div class="col-sm-4 bg-primary text-white">Message Read Count</div>
                        <div class="col-sm-8 font-weight-bold">${info.read_count}</div>
                      </div>
                <div class="row ">
                        <div class="col-sm-4 bg-primary text-white">Click Count</div>
                        <div class="col-sm-8 font-weight-bold">${info.click_count}</div>
                      </div>
                      <div class="row ">
                            <div class="col-sm-4 bg-primary text-white">Subject</div>
                            <div class="col-sm-8 font-weight-bold">${info.subject}</div>
                          </div>
                          <div class="row ">
                                <div class="col-sm-4 bg-primary text-white">Send Date</div>
                                <div class="col-sm-8 font-weight-bold">${info.send_date}</div>
                        </div>

              </div>
              <div class="container">
              <div class="row">
                <div class="col-sm-4 bg-primary text-white">Open Time</div>
                <div class="col-sm-8 font-weight-bold">${info.track_info.time_date ||""}</div>
              </div>
              <div class="row">
                      <div class="col-sm-4 bg-primary text-white">IP Address</div>
                      <div class="col-sm-8 font-weight-bold">${info.track_info.ip_address ||""}</div>
                    </div>
              <div class="row">
                      <div class="col-sm-4 bg-primary text-white">User Agent</div>
                      <div class="col-sm-8 font-weight-bold">${info.track_info.user_agent ||""}</div>
                    </div>
                    <div class="row">
                          <div class="col-sm-4 bg-primary text-white">IP Info</div>
                          <div class="col-sm-8 font-weight-bold">${info.track_info.ip_info.city ||""}
                                  | ${info.track_info.ip_info.timezone ||""}
                          </div>
                        </div>
                        <div class="row">
                              <div class="col-sm-4 bg-primary text-white">Tracking Nbr</div>
                              <div class="col-sm-8 font-weight-bold">${info.track_info.tracking_nbr ||""}</div>
                      </div>

            </div>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...