是否可以在Bootstrap 4中的卡组中混合使用不同大小的卡.我想在左侧尺寸上有一张大卡(双倍宽度),在右侧有两张较小的卡,三者的高度相同.
<div class="container">
<div class="row">
<div class="card-group">
<div class="card col-md-6">
<div class="card-block">
<h4 class="card-title">Card 1</h4>
<p class="card-text">Text 1</p>
</div>
</div>
<div class="card col-md-3">
<div class="card-block">
<h4 class="card-title">Card 2</h4>
<p class="card-text">Text 2</p>
<p class="card-text">More text 2</p>
<p class="card-text">More text 2</p>
</div>
</div>
<div class="card col-md-3">
<div class="card-block">
<h4 class="card-title">Card 3</h4>
<p class="card-text">Text 3</p>
</div>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud) 我想从ASP.NET 5,Mvc核心应用程序中的ViewComponent中的表单添加ListItems.
组件视图(Views\Shared\Components\AddListItem\Default.cshtml):
@model ShoppingList.Models.ListItem
<form asp-action="Create">
<div class="form-horizontal">
<hr />
<div asp-validation-summary="ValidationSummary.ModelOnly" class="text-danger"></div>
<!-- some fields omitted for brevity -->
<div class="form-group">
<label asp-for="Description" class="col-md-2 control-label"></label>
<div class="col-md-10">
<input asp-for="Description" class="form-control" />
<span asp-validation-for="Description" class="text-danger" />
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
ViewComponent控制器(ViewComponents\AddListItem.cs):
namespace ShoppingList.ViewComponents
{
public class AddListItem : ViewComponent
{
private readonly ApplicationDbContext _context;
public AddListItem(ApplicationDbContext context)
{
_context = context;
}
public IViewComponentResult Invoke(string listId) …Run Code Online (Sandbox Code Playgroud) 我试图将导航栏内容集中在Bootstrap 4,alpha 5.我一直在谷歌搜索,我想可能有一些涉及d-block和的技巧mx-auto.
但是我无法找到如何使导航链接居中,以便它们完全位于中心,而不仅仅是在它们周围添加一个容器.
我正在玩的示例导航条代码:
<nav class="navbar navbar-light bg-faded">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</nav>
Run Code Online (Sandbox Code Playgroud)
我有asp.net核心应用程序,我想本地化和翻译(v 1.1.0).我希望源代码支持英语和挪威语部署,我发现这可能是startup.cs配置
RequestLocalizationOptions localizationOptions = new RequestLocalizationOptions
{
SupportedCultures = new List<CultureInfo> { new CultureInfo("en-US"), new CultureInfo("nb-NO") },
SupportedUICultures = new List<CultureInfo> { new CultureInfo("en-US"), new CultureInfo("nb-NO") },
DefaultRequestCulture = new RequestCulture("nb-NO")
};
app.UseRequestLocalization(localizationOptions);
Run Code Online (Sandbox Code Playgroud)
但是我希望每个部署只有一种文化和一种ui文化,所以我希望找到一种方法来在appsettings.json或环境变量中设置文化和ui文化.可能吗?
我使用asp.net 5 Web应用程序模板(Mvc6/MVC core/Asp.net-5)制作了一个名为ShoppingList的示例Web应用程序.我想用自定义字段名称DefaultListId扩展用户配置文件.
ApplicationUser.cs:
namespace ShoppingList.Models
{
// Add profile data for application users by adding properties to the ApplicationUser class
public class ApplicationUser : IdentityUser
{
public int DefaultListId { get; set; }
}
}
Run Code Online (Sandbox Code Playgroud)
在家庭控制器中,我想访问为此属性存储的数据.我试过了:
namespace ShoppingList.Controllers
{
public class HomeController : Controller
{
private UserManager<ApplicationUser> userManager = new UserManager<ApplicationUser>(new UserStore<ApplicationUser>(new ApplicationDbContext()));
public IActionResult Index()
{
var userId = User.GetUserId();
ApplicationUser user = userManager.FindById(userId);
ViewBag.UserId = userId;
ViewBag.DefaultListId = user.DefaultListId;
return View();
}
//other actions omitted for …Run Code Online (Sandbox Code Playgroud)