小编Ole*_*vik的帖子

Bootstrap 4卡组中不同大小的卡

是否可以在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)

twitter-bootstrap twitter-bootstrap-4 bootstrap-4

11
推荐指数
2
解决办法
2万
查看次数

从ASP.NET Core中的ViewComponent提交表单并执行控制器操作

我想从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)

c# asp.net-core asp.net-core-viewcomponent

8
推荐指数
2
解决办法
2万
查看次数

将导航栏内容置于Bootstrap 4中(alpha 5)

我试图将导航栏内容集中在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)

JSFiddle,如果你喜欢

css twitter-bootstrap twitter-bootstrap-4 bootstrap-4

6
推荐指数
1
解决办法
1万
查看次数

在appsettings.json(asp.net核心本地化)中设置文化和ui文化?

我有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文化.可能吗?

localization asp.net-core-mvc asp.net-core

5
推荐指数
1
解决办法
4037
查看次数

使用ASP.NET 5/MVC6标识自定义配置文件数据属性

我使用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)

c# asp.net-core-mvc

2
推荐指数
1
解决办法
2853
查看次数