Как мы можем разделить строку на 3 столбца в цикле foreach
Указатель NULL - это тот, который указывает на никуда. Когда вы разыскиваете указатель p, вы говорите «дайте мне данные в месте, хранящемся в« p ». Когда p является нулевым указателем, местоположение, хранящееся в p, является nowhere, вы говорите «Дайте мне данные в месте« нигде ». Очевидно, он не может этого сделать, поэтому он выбрасывает NULL pointer exception.
В общем, это потому, что что-то не было правильно инициализировано.
1 ответ
Кажется, что ваш цикл foreach находится не на той линии. Вы создавали несколько контейнеров, потому что сам контейнер находился в цикле foreach, хотя я думаю, что вам нужен только div с продуктами в нем.
<div class="container">
<h3 class="h3">Products</h3>
<div class="row">
@foreach (var item in Model)
{
<div class="col-md-4 col-lg-3">
<div class="product-grid2">
<div class="product-image2">
<a href="#">
<img class="pic-1" src="http://bestjquery.com/tutorial/product-grid/demo3/images/img-2.jpeg">
<img class="pic-2" src="http://bestjquery.com/tutorial/product-grid/demo3/images/img-2.jpeg">
</a>
<ul class="social">
<li><a href="#" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
<li><a href="#" data-tip="Add to Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
<li><a href="#" data-tip="Add to Cart"><i class="fa fa-shopping-cart"></i></a></li>
</ul>
<a class="add-to-cart" href="">Add to cart</a>
</div>
<div class="product-content">
<h3 class="title"><a href="#">Women's Designer Top</a></h3>
<span class="price">$599.99</span>
</div>
</div>
</div>
}
</div>
</div>
Я не знаю требований вашего браузера, и ниже приведено не шаблонное решение Razor.
Однако вы можете проверить CSS-сетку и / или flexbox:
- https://css-tricks.com/snippets/css/complete-guide-grid/
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Это даст вам куча вариантов при создании адаптивного сайта.